body{
	overflow-x:hidden;
	overflow-y:auto;
	margin:0;
	color:#000000;
	font-family:'Consolas','Courier New',monospace;
	font-size:16px;
	background:#3a6ea5;
}
a{
	color:#0000ff;
	text-decoration:underline;
}
a:hover{
	color:#000000;
}
::selection{
	color:#ffffff;
	background:#0a246a;
}
h1, h2, h3{
	margin:0;
	font-size:inherit;
	font-weight:inherit;
}

#shortcuts{
	display:flex;
	position:fixed;
	flex-flow:column nowrap;
	top:1vw;
	left:1vw;
}
.shortcut{
	margin-bottom:2.5vw;
	text-align:center;
}
a.shortcut{
	color:#ffffff;
}
a.shortcut:hover{
	color:#000000;
}

#corner img{
	position:fixed;
	bottom:0;
	right:0;
	z-index:-1;
}

#container{
	position:relative;
	top:2vw;
	left:14vw;
	width:72vw;
	margin-bottom:4vw;
	border-top:1px solid #ffffff;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	border-left:1px solid #ffffff;
	padding:1px;
	box-shadow:1px 1px #404040,-1px -1px #d4d0c8;
	background:#d4d0c8;
}
#title{
	padding:0.3vw;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	background:linear-gradient(to right,#0a246a,#a6caf0);
}
#title img{
	max-height:0.8em;
	padding:0 0.5vw 0 0.3vw;
}
#banner img{
	max-width:98%;
	margin:0.6vw 0 0.4vw 1%;
}
#frame{
	position:relative;
	padding:0 0.6vw 0.6vw 0.6vw;
}

@media only screen and (max-width:480px){
	#container{
		top:0;
		left:2vw;
		width:96vw;
}
	
	#shortcuts{
		position:relative;
		flex-flow:row nowrap;
		width:60vw;
		margin-bottom:4vw;
	}
	.shortcut{
		flex:1 1 0;
		margin-right:5vw;
		margin-bottom:0;
	}
}