body {
	font-family: helvetica;
	margin: 0px;
	padding: 0px;
	background-color: #000005;
	background-image: url(data:image/png;base64,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);
}

#mainwindow {
	max-width: 1024px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: auto;
}

h1 {
	color: #00a0ff;
}

@keyframes glowing_grid {
	  0% { opacity: 0.01 }
	 50% { opacity: .15 }
}
	
#grid {
	position: fixed;
	width: 100%;
	height: 100%;
	
	background-color: none;
	background-size: 64px 64px;
	background-position: -1px -1px;
	background-image: linear-gradient(rgba(0,249,255,.1) 1px, transparent 2px),
					  linear-gradient(90deg, rgba(0,249,255,.1) 1px, transparent 2px);
}

#glowgrid {
	position: absolute;
	width: 100%;
	height: 100%;
	
	background-color: none;
	background-size: 64px 64px;
	background-position: -1px -1px;
	background-image: linear-gradient(rgba(0,249,255,1) 1px, transparent 4px),
					  linear-gradient(90deg, rgba(0,249,255,1) 1px, transparent 4px);
	opacity: 0;
	
	xanimation-delay: 1s;
	animation: glowing_grid 5000ms alternate infinite;
}

.window {
	position: absolute;
	background-color: black;
	opacity: .9;
	border: 1px solid #8ffcff;
	border-radius: 4px;
	color: white;
	padding: 10px;
	transition-property: all;
	transition-duration: .5s;	
}

@keyframes windowmove { /* now unused */
	  0% {right: 5% };
	100% {right: -70%};
}

#content.hidden-anim {
	/*animation: windowmove 500ms alternate infinite;
	position: fixed;*/
	opacity: 0.1;

	transform: perspective(100px) rotateX(-45deg) rotateY(-25deg) scaleX(0) scaleY(0);
}

#content {
	transform: perspective(100px) rotateX(0deg) rotateY(-1deg) scaleX(1) scaleY(1);
}

@keyframes menu_wobble {
	  0% {transform: perspective(300px) translateY(4px) rotateX(0deg) rotateY(0deg);};
}

#menu {
	transform: perspective(100px) rotateX(0deg) rotateY(1deg);
	no-animation: menu_wobble 5000ms alternate infinite;
	animation-delay: 0s;
}

men a {
	background-color: #001133;
	display: block; 
	padding: 10px;
	margin: 2px;
	transition: 0.35s;

	text-align: center;
	text-decoration: none;
	color: white;
	text-shadow: 0px 0px 5px black;
	border-radius: 1px;
	
	background:
		radial-gradient(circle farthest-side at 0% 50%,#001133 23.5%,rgba(240,166,17,0) 0)21px 30px,
		radial-gradient(circle farthest-side at 0% 50%,#002226 24%,rgba(240,166,17,0) 0)19px 30px,
		linear-gradient(#001133 14%,rgba(240,166,17,0) 0, rgba(240,166,17,0) 85%,#001133 0)0 0,
		linear-gradient(150deg,#001133 24%,#002226 0,#002226 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#002226 0,#002226 76%,#001133 0)0 0,
		linear-gradient(30deg,#001133 24%,#002226 0,#002226 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#002226 0,#002226 76%,#001133 0)0 0,
		linear-gradient(90deg,#002226 2%,#001133 0,#001133 98%,#002226 0%)0 0 #001133;
	background-size: 40px 60px;
}

@keyframes flash_button {
	  0% {background: #00f9ff;}
	100% {background: black;}
}

men a.activate {
	animation: flash_button 100ms alternate infinite;
	animation-delay: 0s;
}

men a:hover {
	color:black;
	text-shadow: 0px 0px 5px white;
	
	background:
		radial-gradient(circle farthest-side at 0% 50%,#00a9af 23.5%,rgba(240,166,17,0) 0)21px 30px,
		radial-gradient(circle farthest-side at 0% 50%,#000000 24%,rgba(240,166,17,0) 0)19px 30px,
		linear-gradient(#00a9af 14%,rgba(240,166,17,0) 0, rgba(240,166,17,0) 85%,#00a9af 0)0 0,
		linear-gradient(150deg,#00a9af 24%,#000000 0,#000000 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#000000 0,#000000 76%,#00a9af 0)0 0,
		linear-gradient(30deg,#00a9af 24%,#000000 0,#000000 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#000000 0,#000000 76%,#00a9af 0)0 0,
		linear-gradient(90deg,#000000 2%,#00a9af 0,#00a9af 98%,#000000 0%)0 0 #00a9af;
	background-size:40px 60px;
	transform:skew(-10deg);
}

men h1 {
	text-align: center;
}

#content img {
	box-shadow: 0px 0px 10px #007788;
}

a {
	color: #baf9ff;
	text-shadow: 0px 0px 1px #00f9ff;
	text-decoration: none;
}

a:hover {
	color: #00f9ff;
	text-shadow: 0px 0px 10px #00f9ff;
}

#footer {
	position: fixed;
	bottom: 0px;
	right: 0px;
	margin: 8px;
	color: white;
	opacity: .3;
	font-size: small;
}