@charset "UTF-8";
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td { margin: 0; padding: 0; border: 0; outline: none; }
#banner { background-color: transparent; border: 1px solid #82807c; }
.size { width: 300px; height: 600px; }
#banner, #banner * { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: absolute; }
.container { background-color: black; }
#mainBtn { position: absolute; top: 0; cursor: pointer; background-color: rgba( 255, 255, 255, 0 ); }
.show { display: block; }
.hide { display: none; }
#endslate { display: none; background: url( "assets/endslate.jpg" ) no-repeat; background-size: contain; }
#tuneIn { position: absolute; }
.dated { background: url( "assets/dated.png" ) no-repeat center top; background-size: 130px 44px; left: 86px; top: 468px; width: 130px; height: 44px; }
.friday { background: url( "assets/friday.png" ) no-repeat center top; background-size: 216px 46px; left: 44px; top: 470px; width: 216px; height: 46px; }
.tonight { background: url( "assets/tonight.png" ) no-repeat center top; background-size: 245px 46px; left: 31px; top: 471px; width: 245px; height: 46px; }
.sust { background: url( "assets/sust.png" ) no-repeat center top; background-size: 255px 49px; left: 25px; top: 469px; width: 255px; height: 49px; }
.fade-in { animation: fadeIn ease 1s; -webkit-animation: fadeIn ease 1s; -moz-animation: fadeIn ease 1s; }
@keyframes fadeIn {
 0% { opacity: 0; }
 100% { opacity: 1; }
}
@-webkit-keyframes fadeIn {
 0% { opacity: 0; }
 100% { opacity: 1; }
}