@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=93e365cd-fca1-423e-acdf-56cf94819536&fontids=1118387");
    @font-face{
        font-family:"BellCentennialW00-Addre";
        src:url("Fonts/1118387/56b5b296-df7f-4805-a68d-64a0a8e2883d.eot?#iefix");
        src:url("Fonts/1118387/56b5b296-df7f-4805-a68d-64a0a8e2883d.eot?#iefix") format("eot"),url("Fonts/1118387/056af350-adec-4261-8e96-a8edae5e9b36.woff2") format("woff2"),url("Fonts/1118387/0d1e5655-3534-4d9a-a14a-b53eea1b6edd.woff") format("woff"),url("Fonts/1118387/fdfbf8ce-98eb-42fa-91dc-11f4ff65563c.ttf") format("truetype");
    }



html, body{height:100%; padding:0px;margin:0px; width:100%; }


#header {width:100%; background-color: rgba(0, 0, 0, 0.65); padding-top: 5px;padding-bottom: 5px; height:35px;text-align:center; border-bottom-style:none; border-width:1px;border-color:white; color:#EEE;}
#content {width:100%;  height: calc(100% - (0px)); background-color:#000; font-size:24px; font-family:BellCentennialW00-Addre;  overflow: hidden; animation: fade 1s; -webkit-animation: fade 1s ;} 
.button1 {opacity:0;transition:1s;}.button1:hover {opacity:1;}
#center2{width:60%; height:calc(100% - (135px + 80px + 120px)) ;  background-color: rgba(240, 240, 240, 0.0); color:white; position: absolute; top:190px; left:calc((100% - 60%) / 6);  opacity:0; animation: fadein 1s ease-in 1.5s forwards; }

#center  {color: white; overflow-y: scroll; width:60%; height:calc(100% - (170px)) ; padding:5px; padding-left:50px; background-color: rgba(0, 0, 0, 0.65); position: absolute; top:100px; left:90px; background-opacity:0.7;}.h2{text-align:center;}
#center0{color: white; overflow-y: scroll; width:60%; height:calc(100% - (170px)) ; padding:5px; padding-left:50px; background-color: rgba(0, 0, 0, 0.65); position: absolute; top:100px; left:90px; background-opacity:0.7;}.h2{text-align:center;}

#center1{color: white; overflow-y: scroll; width:60%; height:calc(100% - (170px)) ; padding:5px; padding-left:50px; background-color: rgba(0, 0, 0, 0.65); position: absolute; top:100px; left:90px; background-opacity:0.7;}.h2{text-align:center;}
#center3{color: white; overflow-y: scroll; width:60%; height:calc(100% - (170px)) ; padding:5px; padding-left:50px; background-color: rgba(0, 0, 0, 0.65); position: absolute; top:100px; left:90px; background-opacity:0.7;}.h2{text-align:center;}
#center4{color: white; overflow-y: scroll; width:60%; height:calc(100% - (170px)) ; padding:5px; padding-left:50px; background-color: rgba(0, 0, 0, 0.65); position: absolute; top:100px; left:90px; background-opacity:0.7;}.h2{text-align:center;}
#center6{color: white; overflow-y: scroll; width:60%; height:calc(100% - (170px)) ; padding:5px; padding-left:50px; background-color: rgba(0, 0, 0, 0.65); position: absolute; top:100px; left:90px; background-opacity:0.7;}.h2{text-align:center;}
#center7{color: white; overflow-y: scroll; width:60%; height:calc(100% - (170px)) ; padding:5px; padding-left:50px; background-color: rgba(0, 0, 0, 0.65); position: absolute; top:100px; left:90px; background-opacity:0.7;}.h2{text-align:center;}



#footer {width: 100%; bottom: 0; position: fixed;  border-top-style:none; border-width:1px; border-color:white; font-family:BellCentennialW00-Addre; color:#EEE; text-align:center; padding:5px; padding-top:10px;font-size:10px; height:35px;  background-repeat:no-repeat; background-position:bottom right; background-color:#000;}


a {color:#EEE;}
p {font-family:BellCentennialW00-Addre;font-size: 20px;text-align:left;padding-right:20px;padding-left:15px;}


input[type="text"]{width:40px; height:40px; text-align:center; padding-right:5px; margin-left:4px; border:none; font-style:italic; color:#555; background-color:#FFF;}
input[type="range"]{width:50%;margin-top:0px;}


  @-webkit-keyframes fade {
    from {opacity: 0.7;}
    to {opacity: 1;}
  }

  @keyframes fade {
    from {opacity: 0.7;}
    to {opacity: 1;}
  }

    @keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1.0;}
  }

  /*This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts:  https://www.linotype.com
        */