html { min-width:300px; min-height:600px; }
body { 
	min-width: 300px; 
	overflow:auto; 
	font-family:"Bebas Neue"; 
	font-size:22px; 
	padding:0; margin:0; 
	background-position:center center !important; 
	background:url('./i/rect1.png') repeat, linear-gradient(to top, #456069, #27363b);
	background-size: auto, cover;
	min-height:100vh; 
}
.logo { transition:0.3s; cursor:pointer; margin-right:20px; opacity:0.7; gap:20px; background-size:contain !important; width:64px; height:64px; background:url('./i/FlyApWB.png?2'); _animation: rotate3d 10s linear infinite; transform-style: preserve-3d; }
.logo:hover { opacity:1; }
.footer { position:fixed; z-index:3; bottom:20px; left:20px; right:20px; text-align:center; color:rgba(255,255,255,0.25); }
.menu { position:fixed; z-index:2; left:0; right:0; top:0; padding:20px; flex-wrap:wrap; _background:linear-gradient(to bottom, rgba(0,0,0,0.9), rgba(0,0,0,0.7)); display:flex; gap:25px; align-items:center; justify-content:center; font-size:30px;  }
.menu a.tlink { color:rgba(255,67,67,0.7); }
.menu a { margin-right:25px; color:rgba(255,255,255,0.7); transition:0.3s; text-decoration:none; white-space:nowrap; }
.menu a:hover { color:#fff; }
.menu a.tlink:hover { color:rgba(255,67,67,1); }
@keyframes rotate3d {
	0% {
		transform: perspective(384px) rotateY(15deg);
	}
	50% {
		transform: perspective(384px) rotateY(-15deg);
	}
	100% {
		transform: perspective(384px) rotateY(15deg);
	}		
}	
@media (max-width: 700px) {
	.menu { font-size:30px; flex-direction:column; gap:5; }
	.menu a { margin:0; line-height:25px; }
	.logo { margin:0; height:128px; width:128px; }
	.arena { background-position:center bottom !important; }
}
.arena { 
	position:absolute;left:0;right:0;top:0;bottom:0;
	background-size:100% 100%;
	background:url('./i/bg4.png?3') no-repeat;
	background-position:center center; 
	z-index:1;
}
.starry-sky {
	pointer-events:none;
	touch-action:none;
    position: absolute;
	top:0;
    left:0; right:0; bottom:0;
    overflow: hidden;
}
.star {
	opacity:0.2;
    position: absolute;
	z-index:1;
    background: white;
    border-radius: 50%;
	transform: scale(0.5);
    animation: twinkle 3s linear infinite;
}
@keyframes twinkle {
    0% { opacity: 0.2; transform: scale(0.5); }
    50% { opacity: 0.5; transform: scale(1); }
    100% { opacity: 0.2; transform: scale(0.5); }
}