body, html{height:100%}
@font-face { font-family: 'vhs'; src: url('/f/VCROSDMono.eot?#iefix') format('embedded-opentype'), url('/f/VCROSDMono.woff') format('woff'), url('/f/VCROSDMono.ttf') format('truetype'), url('/f/VCROSDMono.svg#VCROSDMono') format('svg'); font-weight: normal; font-style: normal; }
h1#title{text-transform: uppercase;font-size: 8vh;letter-spacing: 2vh;text-shadow: 0px 0px 10px #fff;}
body{margin:0px;padding:0px;overflow:hidden;color: #fff;background-color: #000;text-align: center;font-family: vhs;font-size:5vh}
#under {animation: b 0.75s linear infinite}
a, a:link, a:visited{color: #fff;transition: text-shadow 0.3s linear}
a:hover{text-shadow: 0px 0px 5px #fff;transition: text-shadow 0.3s linear}
@keyframes b {50% {opacity: 0.0}}
#warn{color:red;text-shadow: 0px 0px 15px red;z-index:9999;font-size: 3.0vh;}
#bar{font-size:2.5vh;position: absolute;top:0;left:0;z-index:9999;opacity:1;transition: opacity .25 linear;-moz-transition: opacity .25s linear;-webkit-transition: opacity .25s linear;background-color:#333;border: solid 0.5vh #333; border-radius: 1vh;}
#bar:hover{opacity:1 !important}
#s2{height:100%;position:fixed;width:100%; z-index:404;top:0px; left:0px; bottom:0px; right:0px;}
iframe{border:none; margin:0; padding:0; overflow:hidden;}
#yard{float:left;width:80%;height:100%;display:none;z-index:9990}
#chat{float:right;width:20%;height:100%;display:none;z-index:9989}
#up0{color: #ff0000;transition: text-shadow 0.3s linear}
#up1{color: #00ff00;text-shadow: 0px 0px 5px #00ff00;}
#up0:hover{text-shadow: 0px 0px 5px #ff0000;transition: text-shadow 0.3s linear}