@font-face		{ font-family: 'font'; src: url('/includes/fonts/OpenSans-Regular.woff')   format('woff'); font-display:swap; }
@font-face		{ font-family: 'bold'; src: url('/includes/fonts/OpenSans-Bold.woff')      format('woff'); font-display:swap; }
@font-face		{ font-family: 'logo'; src: url('/includes/fonts/OpenSans-ExtraBold.woff') format('woff'); font-display:swap; }


*			{ padding:0px; margin:0px; font-family:font; font-size:18px; color:#ffffff; }
body		{ background: #000000; }

#logo		{ max-width:800px; height:180px; overflow:hidden; margin:20px auto 0px auto; text-align:center; }
#logo div	{ position:relative; }
#logo img	{ z-index:10; position:absolute; left:0px; }
h3			{ font:normal 144px Impact, sans-serif; color:#ffffff; text-align:center; z-index:5; }


h1			{ font:normal 32px bold; }
h2			{ font:normal 24px bold; }
p			{ margin:20px 0px; }

.tac		{ text-align:center; }
.tar		{ text-align:right; }
.clr		{ clear:both; }

#servers	{ text-align:center; }

.server		{ position:relative; display:inline-block; margin:20px 10px 0px 10px; width:300px; height:500px; background:#333333; border-radius:8px; cursor:pointer; }
.server h2	{ background:rgba(0, 0, 0, 0.50); margin:5px; border-radius:6px; padding:4px 0px; }
.server div	{ width:260px; height:130px; padding:15px; position:absolute; left:5px; bottom:5px; margin:0px auto; background:rgba(0, 0, 0, 0.50); border-radius:6px; }
.server a	{ text-decoration:none; }

#server0	{ background-image:url('/graphics/server0.jpg'); }
#server1	{ background-image:url('/graphics/server1.jpg'); }
#server2	{ background-image:url('/graphics/server2.jpg'); }


#page		{ width:1400px; min-height:100px; padding:16px; margin:20px auto; }

#modlist	{ width:250px; min-height:800px; background:#359e14; border:8px solid #359e14; border-radius:5px; float:right; margin-left:16px; }
#prices		{ width:1100px; border:8px solid black; border-radius:8px; margin-top:16px; }