/*BW2 css file Version: 4 by: Julius*/
@font-face {font-family:"Minecraft";font-style:normal;font-weight:normal;src:url("fonts/minecraft.otf")}
@font-face {font-family:"valikko";font-style:normal;font-weight:normal;src:url("fonts/dimis.ttf");}
@font-face {font-family:"ServerInfoFont";font-style:normal;font-weight:normal;src:url("fonts/Jacksilver.otf");}
@font-face {font-family:"otsikko";font-style:normal;font-weight:normal;src:url("fonts/Adventure.otf");}

body{
	cursor:url(palikka.png),auto;
	overflow:hidden;
}
a:hover {
	cursor:url(palikka2.png) 5 0,auto;
}
summary:hover {
	cursor:url(palikka2.png) 5 0,auto;
}

.bg{
	background-image:url("v3res/taustakuva.jpg");
	position:fixed;top:0;right:0;bottom:0;left:0;
	overflow:hidden;
	z-index:-6;
}
pg {animation: Luojat 2s linear 0s infinite;}
@keyframes Luojat {0% {color: #E00;}16% {color: #EE0;}33% {color: #0E0;}
50% {color: #0EE;}67% {color: #00E;}83% {color: #E0E;}100% {color: #E00;}}
@keyframes Tausta {
0% 		{text-shadow: 0 0 10px #F00, 0 0 20px #F00, 0 0 30px #F00, 0 0 40px #F00;}
16% 	{text-shadow: 0 0 10px #FF0, 0 0 20px #FF0, 0 0 30px #FF0, 0 0 40px #FF0;}
33% 	{text-shadow: 0 0 10px #0F0, 0 0 20px #0F0, 0 0 30px #0F0, 0 0 40px #0F0;}
50% 	{text-shadow: 0 0 10px #0FF, 0 0 20px #0FF, 0 0 30px #0FF, 0 0 40px #0FF;}
67% 	{text-shadow: 0 0 10px #00F, 0 0 20px #00F, 0 0 30px #00F, 0 0 40px #00F;}
83% 	{text-shadow: 0 0 10px #F0F, 0 0 20px #F0F, 0 0 30px #F0F, 0 0 40px #F0F;}
100% 	{text-shadow: 0 0 10px #F00, 0 0 20px #F00, 0 0 30px #F00, 0 0 40px #F00;}}

.main {margin-left: 320px;padding: 0px 10px;}
body {margin: 0px 0px 0px 0px;}
@keyframes Logo {0% {color: #E00;}16% {color: #EE0;}33% {color: #0E0;}48% {color: #0EE;}66% {color: #00E;}83% {color: #E0E;}100% {color: #E00;}}
@keyframes Logo2 {0% {background-color: #E00;}16% {background-color: #EE0;}33% {background-color: #0E0;}48% {background-color: #0EE;}66% {background-color: #00E;}83% {background-color: #E0E;}100% {background-color: #E00;}}
@keyframes Alin {0% {color: #0F0;text-shadow: 0 0 10px #000;}50% {color: #0F0;text-shadow: 0 0 10px #FF0, 0 0 20px #0F0, 0 0 30px #0F0, 0 0 40px #0F0;}100% {color: #0F0;text-shadow: 0 0 10px #000;}}

/*@media screen and (min-aspect-ratio: 9/8) {
	.content {width: 75%; left: 22.5%}
}
@media screen and (max-aspect-ratio: 8/9) {
	.content {width: 100%; opacity: 100%; left: 0; height: 100%; top: 0;}
}*/

/*This thing is required because fuking google removed marquee support. Thoose fuckers.*/
.marquee {
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    width: 100%;
}
.marquee span {
    display: inline-block;
    padding-left: 100%; /* Start position */
    animation: marquee 20s linear infinite;
}
@keyframes marquee {from{transform:translate(0);}to{transform:translate(-100%);}}

.topbar {
	background-image: url("v3res/top.png");
	background-repeat:repeat-x;
	height:39px;
}
@keyframes Hehku {
	0% {text-shadow: 0 0 6px #A0A0A0;}
	50% {text-shadow: 0 0 6px #A0A0A0, 0 0 15px #FFFFFF;}
	100% {text-shadow: 0 0 6px #A0A0A0;}
}
.toptext {
	position:absolute;
	right:0px;
	top:0px;
	color:#FFFFFF;
	vertical-align:top;
	font-family:'ServerInfoFont';
	font-size:38px;
	margin-top:-6px;
	margin-right:1px;
	text-shadow: 0 0 6px #A0A0A0;
	animation: Hehku 2s linear 0s infinite;
	padding-bottom:-30px;
	margin-bottom:-30px;
}
.bottombar {
	position:absolute;
	right:0px;
	width:100%;
	height:21px;
	background-position:bottom;
	background-image: url("v3res/bottom.png");
	background-repeat:repeat-x;
	bottom:0px;
	margin-right:0px;
	z-index: -3;
}
.bottombarimg {
	z-index: -2;
	position:absolute;
	right:0px;
	bottom:0px;
	width:800px;
	height:170px;
	background-image: url("v3res/bottomright.png");
	background-repeat:no-repeat;
	background-position:bottom;
}
.serverstatus {
	position:absolute;
	right:10px;
	bottom:10px;
	color:#FFFFFF;
	text-align:right;
}
.serverstatus table {
	border-collapse:collapse;
}
.websiteinfo {
	position:absolute;
	bottom:0px;
	left:0px;
	color:#FFFFFF;
	font-size:20px;
	margin-left:4px;
}
@keyframes Varoitus {
	48% {color: #FFFFFF;}
	49% {color: #FF0000;}
	98% {color: #FF0000;}
	99% {color: #FFFFFF;}
}
.websiteinfo p1 {
	animation: Varoitus 1s linear 0s infinite;
}
.valikko {
	border-style: solid;
	border-color: #FFFFFFD0;
	border-width: 3px 3px 3px 0px;
	position: absolute;
	/*background-image:url("v3res/valikkotausta.png");
	background-position:center;*/
	background-color:#000000C0;
	border-radius: 0px 40px 40px 0px;
	margin-left:0px;
	margin-top:100px;
	font-size: 30px;
}
.valikko a {
	font-family:'valikko';
	text-decoration: none;
	color: #FFFFFF;
	margin: 0px 30px 0px 30px;
}

.valikko a#ikkuna {color: #FFFFFF;}
.valikko a#discord {color: #4F65FF;}
.valikko a#telegram {color: #26B2DD;}
.valikko a#forum {color: #00FF00;}
.valikko a#youtube {color: #FF0000;}

.valikko a:hover {animation: Tausta 1s linear 0s infinite;}

.contsatausta {
	height: 95%;
	width: 70%;
	position: fixed;
	top: 39px;
	right: 0px;
	background-image:linear-gradient(to right,#00000000,#00000060 20%,#000000FF);
	z-index:-5;
}
.conttop {
	z-index:10;
}
.sulje {
	position:absolute;
	right:2px;
}
.sulje a {
	font-weight:bold;
	text-decoration:none;
}
.sulje:hover a {
	background-color:#00F;
}
.content {
	height: 95%;
	width: 70%;
	position: fixed;
	top: 39px;
	right: 0px;
	/*display: block;*/
	z-index:-6;
	overflow-y: scroll;
}
@keyframes MusiikkiTulo {0% {margin-top:-24px;}100% {margin-top:0px;}}
.musiikki {
	animation: MusiikkiTulo 2s linear 0s;
	position:fixed;
	left:340px;
	top:0px;
}
.musiikki img {margin-bottom:-8px;}
.musiikki button {width:22px;height:18px;border-style:none;cursor:url(palikka.png),auto;position:absolute;top:3px;}
.musiikki #play {background:url("v3res/playup.png");left:147px;}
.musiikki #play:active {background:url("v3res/playdown.png");}
.musiikki #pause {background:url("v3res/pauseup.png");left:170px;}
.musiikki #pause:active {background:url("v3res/pausedown.png");}
.otsikkopalkki {
	position:absolute;
	/*background-image:linear-gradient(to bottom,#00FFFFFF 5%,#00404000);
	background-repeat:repeat-x;
	border-radius: 100px 0px 0px 100px;*/
	right:0px;
	padding-right:40px;
	padding-left:40px;
	margin-top:0px;
	color:#FFFFFF;
	font-family:'otsikko';
	font-size:100px;
	z-index:6;
	text-shadow: 4px 4px 0px #505050;
}
.contentinsisalto {
	position:relative;
	text-align:right;
	padding-top:90px;
	padding-right:10px;
	padding-left:10px;
	background-color:#000000A0;
	border-radius: 0px 0px 0px 200px;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-left-style: solid;
	border-left-width: 4px;
	border-color:#FFFFFFD0;
	margin-bottom:200px;
	
}
/*content*/
.about {
	display:none;
	font-family: 'Minecraft';
	font-size: 20px;
}
.features {
	display:none;
	font-family: 'Minecraft';
	font-size: 20px;
	color:#FFFFFF;
}
.features #survival {
	color: #00FF00;
}
.features #skyblock {
	color: #30BFFF;
}
.features #creative {
	color: #FF0000;
}
.features #minigames {
	color: #FFFF00;
}

.apps {
	display: none;
	font-family: 'Minecraft';
	font-size: 20px;
	color: #FFFFFF;
}
.apps #yellow {
	color: #DFFFA0;
}
.apps #yellow a {
	color: #6060FF;
}
.apps #yellow a:hover {
	color: #FFFFFF;
}
.apps #yellow fa {
	color: #6060FF;
	text-decoration: underline;
	cursor:url(palikka2.png) 5 0,auto;
}
.apps #yellow fa:hover {
	color: #FFFFFF;
}



.donate {
	display: none;
	font-family: 'Minecraft';
	font-size: 20px;
	color: #FFFFFF;
}
.donate a {
	color: #30A0FF;
}
.donate a:hover {
	color: #0000FF;
	background-color: #FFFFFF;
}

.donate p1{
	color: #E0D000;
	text-shadow: 0 0 6px #FFFF00;
}

.donate .marquee {
	color: #FF0060;
}

@keyframes Valke {
	48% {color: #FFFFFFFF;}
	49% {color: #FFFFFF00;}
	98% {color: #FFFFFF00;}
	99% {color: #FFFFFFFF;}
}
.donate .donnote {
	border-style: solid;
	border-width: 1px;
	border-color: #FF0000;
	animation: Valke 2s linear 0s infinite;
}

.donate .titletable {
	border-style:ridge;
	border-color:#00FFFF;
	text-align:left;
	background-image:linear-gradient(to bottom,#0000FF30,#00FFFF30,#00FF0030,#FFFF0030,#FF000030,#FF00FF30);
	border-radius: 50px 50px 0px 0px;
	border-width: 2px 2px 0px 2px;
	}
.donate .titletable th {
	text-align:center;
	color: #FFFFFF;
	font-size: 70px;
	font-family: "otsikko";
}
.donate .titletable td {
	text-align:center;
	color: #FFFFFF;
}

.donate .datatable {border-style: ridge;border-color: #0FF;text-align: left;background-image: linear-gradient(to bottom,#0F0,#FF0,#F00);}
.donate .datatable th {color: #000000;border-style: ridge;border-color:#00FFFF;text-align:center;background-image:linear-gradient(to right,rgba(0,0,0,0),#0FF 10%,#0A0 22%,#FF0,#0A0 78%,#0FF 90%,rgba(0,0,0,0));width:40px;font-weight:normal;}
.donate .datatable td {color: #000000;border-style: ridge;border-color:#00FFFF;text-align:center;background-image: linear-gradient(to bottom,rgba(0,0,0,0.3),rgba(0,0,0,0.0),rgba(0,0,0,0.1),rgba(0,0,0,0.2),rgba(0,0,0,0.3));}

.contact {
	display: none;
	font-family: 'Minecraft';
	font-size: 20px;
	color: #FFFFFF;
}
.contact th {
	text-align: center;
	background-image:linear-gradient(to right,#00000000,#FF0000FF,#00000000);
	font-weight: normal;
}
.contact td {
	text-align: center;
}
.contact a {
	color:#00A0FF;
}
.contact a:hover {
	color:#0000FF;
	background-color: #FFFFFF90;
}

.launcher {
	display: none;
	font-family: 'Minecraft';
	font-size: 20px;
	color: #FFFFFF;
}

.launcher a {
	color:#FFFFFF;
	background-color:#A0FFA0A0;
	border-width:1px;
	border-style:solid;
	border-color:#FFFFFF;
	border-radius:5px;
	padding:0px 4px 0px 4px;
	text-decoration:none;
}
.launcher a:hover {
	color:#0000FF;
	background-color:#00FF00FF;
}

.launcher img {float:right;margin-left:5px;}

.launcher gt {
	color: #FF00A0;
	background: linear-gradient(90deg, #FF00A0, #FF00FF);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.launcher gt2 {
	color: #FF0000;
	background: linear-gradient(90deg, #FF0000, #FF008A);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.telegram {
	display:none;
	font-family: 'Minecraft';
	font-size: 20px;
	color: #FFFFFF;
}

.telegram p1 {
	animation: Varoitus 1s linear 0s infinite;
}

.telegram a {
	color: #26B2DD;
	text-decoration: none;
}
.telegram a:hover {
	color: #FFFFFF;
	background-color: #0000B0;
	text-decoration: none;
}

.telegram gt {
	color: #00FF00;
	background: linear-gradient(90deg, #00FF00, #FFFF40);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.discord {
	display:none;
	font-family: 'Minecraft';
	font-size: 20px;
	color: #FFFFFF;
}

.discord #dcinvite {
	background-color: #7289D9;
	color: #FFFFFF;
	padding: 0px 8px 0px 8px;
	border-radius: 4px;
	text-decoration: none;
	border: solid 2px #7289D9;
}
.discord #dcinvite:hover {
	border: solid 2px #FFFFFF;
	color: #A0FFFF;
}

.discord p1 {
	animation: Varoitus 1s linear 0s infinite;
}

.discord iframe {
	border-radius: 0px 0px 0px 150px;
}

.bg video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}