@charset "utf-8";

/* Core */
*{
font-family: 'Cutive Mono', monospace;
}

span.discord{
color: #7289BE;
background-color:#363A46;
border-radius: 6px;
padding:2px 4px;
}

body {
background-image: url(./img/bg.jpg);
background-color:rgb(40,40,40);
overflow-y:scroll;
}

tr:hover td.text-left{
background-color:rgb(255,255,255);
transition:0.15s;
}

#prestart p a,
#prestart p a:active,
#prestart p a:visited,
#prestart p a:link
{
color:#79AEDF;
transition:0.10s;
text-decoration:none;
font-weight:bold;
}


#prestart p a:hover{
color:#3791E5;
transition:0.10s;
text-decoration:none;
font-weight:bold;
}

td a:link,
td a:visited,
td a:active{
text-decoration:none;
color:rgb(66,66,225);
font-weight:bold;
}
td a:hover{
text-decoration:none;
color:rgb(0,0,255);
font-weight:bold;
}

td.text-left{
transition:0.15s;
}

.risky{
color:#87625A;
font-size:0.7em;
font-weight:bold;
}

.compulsory{
color:#678EB5;
font-size:0.7em;
font-weight:bold;
}

.niche{
color:#7E4D57;
font-size:0.7em;
font-weight:bold;
}
.recommended{
color:#4D7D65;
font-size:0.7em;
font-weight:bold;
}
.future{
color:#D17E25;
font-size:0.7em;
font-weight:bold;
}

.center-block{
margin:auto;
text-align:center;
width:60%;
}

.nowrap{
white-space:nowrap;
}

p.header{
color: #fff;
font-size:1.65em;
}

#Start,
#LOCALE,
#DISCORD,
#INSTALLERS,
#HOSTS,
#TROUBLESHOOTING,
#ACCOUNT,
#UPDATE,
#GAMEGUARD,
#ENGPATCH{
display:none;
}

b{
background-color:#3b3b3b;border-radius:3px;padding:0px 4px 0px 4px;
white-space: nowrap;
}
b.nobg{
background: none;
padding:0px;
white-space: normal;
font-weight: 400;
}

b.wr{
white-space: normal;
}

p{
color: #fff;
font-size:1.2em;
text-align:left;
padding-left:0.2em;
padding-right:0.2em;
}

a{
color:rgb(127,223,255);
font-weight:bold;
text-decoration:none;
}
a:hover{
color:rgb(178,236,255);
font-weight:bold;
text-decoration:none;
transition:0.25s;
}

p.center{
text-align:center;
}

p.lessmargin{
margin:0 0 3px 0;
}

.boxxy{
text-align:center;
font-size:1.5em;
margin: 1em 0;
padding: 1em;
text-indent: initial;
font-weight: bold;
box-shadow: 0 1px 1px rgba(189,193,196,0.25);	
}
.boxxy-sm{
text-align:center;
font-size:1em;
margin: 0.5em 0;
padding: 0.5em;
text-indent: initial;
font-weight: bold;
color:#fff;
border:2px solid #fff;	
background-color: #000;
}


.boxxy-sm:hover{
background-color: #fff;
color:#000;
cursor:hand;
cursor:pointer;
transition:0.45s;
}

p.smalltext{
font-size:0.75em;
}

img.hovericon{
padding:0.2em;
}

img.hovericon:hover{
background-color: #6E806A;
cursor:hand;
cursor:pointer;
transition:0.25s;
border-radius:0.2em;
}


/* tables */

.table-fill {
border-radius:3px;
border-collapse: collapse;
margin: auto;
max-width: 100%;
padding:5px;
width: 100%;
animation: float 5s infinite;
}

th {
color:#D5DDE5;;
background:#1b1e24;

font-size:23px;
font-weight: 100;
padding:8px;
text-align:center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
vertical-align:middle;
}
tr:first-child th:first-child {
border-top-left-radius:0.5em;
}

tr:first-child th:last-child {
border-top-right-radius:0.5em;
border-right:none;
}

tr:first-child {
border-top:none;
}

tr:last-child {
border-bottom:none;
}

tr:last-child td:first-child {
border-bottom-left-radius:0.5em;
}

tr:last-child td:last-child {
border-bottom-right-radius:0.5em;
}

tr td:first-child {
padding:2px 10px;
min-width:150px;
}

td p{
color:#000000;
font-size:1em;

margin:5px 0px;
}
tr:nth-child(odd) td {
background:#EBEBEB;
}
tr:nth-child(even) td {
background:#F3F3F3;
}



h1{
text-align: center;
color: #ff1144;
animation: pulse 1s ease-in-out infinite;
margin: 4px 0px 8px 0px;
text-transform: uppercase;
}

@keyframes pulse {
0% {color:#ffff00;}
50% {color:#ff0000;}
100% {color:#ffff00;}
}

footer{
color:white;
text-align:center;
font-size:12px;	
}