html,body{font-size:100%;height:100%;width:100%;overflow:hidden;background-color:hsl(204, 6%, 15%);color:white;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}
.center{display:flex;justify-content:center;align-items:center}
.contentbody{display:flex;flex-direction:column}
a{outline:0}
a:link,a:visited,a:active,a:hover{color:white}
a:hover,.fa:hover{opacity:0.7}
#main{font-size:15vmin;text-align:center}
#sub{font-size:3vmin;overflow:hidden;padding:0.5vh}
#header{text-align:center;background-color:inherit;display:flex;flex-direction:row}
#logosmall{font-size:6vmin}
#logosmall>a{text-decoration:inherit}
#menu{background-color:inherit}
#close{position:absolute;top:0;right:0;padding:0.5vh}
#headersub{font-size:1.5vmin;overflow:hidden;padding:0.5vh}
#content{overflow:auto;padding:2vmin}
.fulljustify{text-align:justify}
.fulljustify:after{content:"";display:inline-block;width:100%}
.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.fa{padding:1vh;text-decoration:none;color:white;border:0}
@media only screen and (max-device-width:768px){
html{font-size:24px}
}