body{
	text-align:center;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#000000;
	background-image: url('/img/background.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 1em;
	background-attachment: fixed;

	color:#FFFFFF;
	text-shadow: 2px 2px 5px black;
}

main{
	max-width: 40em;
	margin: auto;
	opacity: 1;
	transition: opacity 1s ease;
}

ul{
	list-style-position: inside;
	padding:0;
	text-align: left;;
}
li ul{
	display:block !important ; 
}

li ul{
	margin-left: 1em;
}

main ul, main table, nav li{
	display:inline-block;
}

nav li, nav a{
	text-align:center;
}
nav a{
	color:#FFFFFF;
	text-decoration: none;
	display: inline-block;
	margin:1em;
	font: bold 1.25em 'Open Sans', arial, sans-serif;
}
main a{
	color: #0091ff;
	transition: all 0.3s ease;
}

main a:hover, main a:focus{
	color:#50b3ff;
}


li::not(ul li){
	list-style-type: none;
}

nav a:after, hr{
	content: "";
	display: block;
	height: 0.1rem;
	top:0.2em;
	left: 50%; 
	position: relative;
	background: rgba(0, 145, 255, 0);
	border:none;
	width: 0;
	transition: all 0.3s ease;
}	
nav a:hover:after{ 
	background: #0091ff;
	width: 100%; 
	left: 0; 
}	

/* nav a:after:focus{
	background: #50b3ff;
} */

main img{
	max-width: 90vw;
}

h1{
	font-size:3em;
	user-select: none;
}
h2{
	font-size:2em;
}
h1, h2, h3, nav, nav li{
	margin:0.5em;
}
h1{
	margin-top: 2em;
}
nav{
	margin-bottom:2em;
	user-select: none;
	text-align:center;
}
p{
	margin: 0.25em;
}
main{
	min-height: calc(100vh - 21em);
}

.Center{
	margin: auto;
}

.InlineB{
	display:inline-block;
}

table, img, video, audio, main > ul{
	box-shadow: black 0px 3px 8px;
}

table, main > ul{
	background:rgba(234, 234, 234, 0.10);
	backdrop-filter: blur(10px);
	padding:0;
	text-shadow:none;
	border-collapse: collapse;
}

main ul{
	padding: 1em;
	border-radius: 0.5em;
}

ul > li > ul{
	padding: 0;
}

table tr, table td, table th{
	border: 1px solid rgba(0, 0, 0, 0.40);	
}

#Loading{
	position: fixed;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -60%);
	opacity:0;
	transition: opacity 1s ease;
	display:none;
	z-index: -1;
}

hr{
	left:0;
	background: #0091ff;
	width: 100%;
}

footer{
	border-top: 0.1rem solid #0091ff;
	padding:0.5rem 0 0 0;
	margin:0.5rem 0 0 0;
	display:inline-block
}

@media (max-width:768px) {
	nav a{
		margin:0.25em;
	}
	main{
		min-height: calc(100vh - 18em);
	}
}
@media (max-width:640px) {
	nav a{
		margin:0.05em;
		font-size:1em;
	}
	main{
		min-height: calc(100vh - 19em);
	}
}