@font-face {
	font-family: "Poppins Latin Light";
	src: url("PoppinsLatin-Light.woff") format("woff");
}
html, body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	border:0;
}
body{
	font-family: "Poppins Latin Light","Avant Garde","Avantgarde","URW Gothic L","Century Gothic","Gotham","Futura","Twentieth Century","Tw Cen MT",sans-serif;
	font-size:small;
	text-align:justify;
}
.linkbox {
	padding-bottom:0.2em;
	padding-top:0.2em;
	text-align:center;
	position:absolute;
		top:0;
		left:0;
		right:0;
	height:1.7em;
	background-color:#333377;
	z-index:1;
}
.box{
	position:fixed;
		top:1.7em;
		bottom:0;
		left:0;
		right:0;
	padding-left:0.5em;
	padding-right:0.5em;
	height:100%;
	background-color:#333377;
	color:white;
	overflow:auto;
	z-index:0;
}
iframe {
	width:100%;
	height:100%;
	position:absolute;
		top:0;
		bottom:0;
		right:0;
		left:0;
	border:0;
	padding:0;
	margin:0;
}
a{
	color:white;
	text-decoration:none;	
	text-shadow: 0.05em 0.05em 1px black;
}
a:hover{
	text-decoration:underline;
	color:#dc143c;
}
a:active{
	color:#ff1746;
}
img {
	border-style:none;
}
.linkbox, .linkbox a,.linkbox a:visited {
	color:white;
	text-decoration:none;
	border:none;
	font-size:medium;
	font-variant:small-caps;
	text-shadow: 0.05em 0.05em 1px black;
}
.linkbox a:hover{
	color:#dc143c;
}
.linkbox a:active{
	color:#ff1746;
}
h1{
	font-size:x-large;
	margin-top:0.25em;
}
h2{font-size:large}
h3{font-size:medium}
h1,h2,h3{
	margin-bottom:0.25em;
}
h1,h2,h3,h1 a,h2 a,h3 a{
	font-variant:small-caps;
	font-weight:normal;
	text-shadow: 0.05em 0.05em 1px black;
}
pre{white-space:pre-wrap}
.icon {
	vertical-align:middle;
	padding-bottom:1px;
	padding-top:1px;
}
.tooltip {
	display:inline-block;
	position:relative;
}
.tip {
	position:absolute;
	visibility:hidden;
	z-index:2;
	margin-left:-100%;
	text-shadow:unset!important;
}
.tooltip:hover .tip {
	width:100%;
	visibility:visible;
	background-color:#ffffaa;
	color:black;
}
.tooltip:hover {text-decoration:underline}