@import url(css2-Roboto Mono.css);@import url(css2-NotoSansSC.css);.center-xy{top:10%;left:20%;right:20%;position:fixed;padding-bottom:5%}body,html{font-family:'Roboto Mono','Noto Sans SC',monospace;font-size:16px}html{box-sizing:border-box;user-select:none}body{background-color:#000}
#bg {
		-moz-transform: scale(1.0);
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
		-webkit-backface-visibility: hidden;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		min-width:270px;
		min-height:595px;
}
#bg:before {
			-moz-transition: background-color 2.5s ease-in-out;
			-webkit-transition: background-color 2.5s ease-in-out;
			-ms-transition: background-color 2.5s ease-in-out;
			transition: background-color 2.5s ease-in-out;
			-moz-transition-delay: 0.75s;
			-webkit-transition-delay: 0.75s;
			-ms-transition-delay: 0.75s;
			transition-delay: 0.75s;
			background-image: linear-gradient(to top, rgba(19, 21, 25, 0.5), rgba(19, 21, 25, 0.5)), url("../../images/overlay.png");
			background-size: auto, 256px 256px;
			background-position: center, center;
			background-repeat: no-repeat, repeat;
			z-index: 2;
}
#bg:before, #bg:after {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
}
#bg:after {
			-moz-transform: scale(1.125);
			-webkit-transform: scale(1.125);
			-ms-transform: scale(1.125);
			transform: scale(1.125);
			-moz-transition: -moz-transform 0.325s ease-in-out, -moz-filter 0.325s ease-in-out;
			-webkit-transition: -webkit-transform 0.325s ease-in-out, -webkit-filter 0.325s ease-in-out;
			-ms-transition: -ms-transform 0.325s ease-in-out, -ms-filter 0.325s ease-in-out;
			transition: transform 0.325s ease-in-out, filter 0.325s ease-in-out;
			background-image: url("../../images/bg.jpg");
            background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			z-index: 1;
}
.center-xy ul li button#login, #reg {
	padding: 14px 28px;
	font-size: 22px;
}
@media (max-height: 675px) {
	.center-xy table, td, th {
		height: 0 !important;
	}
	.center-xy ul li button {
		padding: 2px 18px;
		font-size: 18px;
	}
	h {
		font-size: 200% !important;
	}
}
@media (max-height: 595px) {
	#bg {
		overflow-x: hidden;
		position: absolute;
	}
}
@media (max-height: 720px) {
	.container .center-xy {
		top: 5%;
	}
}
@media (max-width: 270px) {
	#bg {
		overflow-y: hidden;
		position: absolute;
	}
}
@media (max-width: 400px) {
	h {
		font-size: 300% !important;
	}
	.container .center-xy {
		left: 10%;
		right: 10%;
	}
}
@media (max-width: 948px) {
	.container table {
		width: 100%;
	}
}
.container {
	position:absolute;
	width:100%;
	z-index: 3;
}
.copy-container {
	text-align:center;
}
.logo img{max-width:100px;border-radius:50%;margin:1em 0 1em 0;box-shadow:0 0 5px 0 #afafaf;user-select:none}table,td,th{color:#fff;border:2px solid #fff;height:60px}table{margin-left:auto;margin-right:auto;width:60%;border-collapse:collapse}.btn{border:2px solid #fff;background-color:transparent;color:#000;padding:14px 28px;font-size:22px;cursor:pointer}.white{border-color:#e7e7e7}.white:hover{color:#000;background:#e7e7e7}.white:hover a{color:#000;text-decoration:none}ul{list-style-type:none;padding:0;margin:0}h{color:#fff;font-size:40px;letter-spacing:.2px;margin:0}h1{color:#fff;font-size:24px;letter-spacing:.2px;margin:0}h2{color:#fff;font-size:22px;letter-spacing:.2px;margin:0}li{color:#fff;font-size:22px;letter-spacing:.2px;margin:0}p{color:#fff;font-size:20px;letter-spacing:.2px;margin:0}a{color:#fff;text-decoration:none}