html{width:100%;height:100%}body{background:#ffe9aa;width:100%;height:100%;margin:0}footer{width:100%;padding-top:20px}footer #foot{color:#553f00;font-size:10px;text-align:center;font-family:"Lato";font-weight:bold;margin:0 auto;position:relative}#game{width:800px;height:800px;margin:0 auto;position:relative}#info{position:absolute;height:600px;width:300px;padding-top:20px}#info p{color:#553f00;font-size:20px;text-align:left;font-family:"Lato";font-weight:bold;margin:10px 0}#info br{height:10px}#info h2{color:#553f00;font-size:23px;text-align:left;font-family:"Lato";font-weight:bold;margin:5px 0}#info2{position:absolute;height:600px;width:300px;padding-top:20px;right:0px}#info2 p{color:#553f00;font-size:25px;text-align:right;font-family:"Lato";font-weight:bold;margin:10px 0}#logo{color:#553f00;font-size:50px;text-align:left;font-family:"Lato";font-weight:bold}#timer{color:#553f00;font-size:50px;text-align:right;font-family:"Lato";font-weight:bold}#drops-container{width:80px;height:50%;margin:0 auto;background-color:#d4b96a}#drops{position:relative;width:50px;height:100%;margin:0 auto;z-index:5}#drops .drop{background-color:#553f00;border-radius:50%;height:50px;width:50px;margin:0 auto;position:absolute;-webkit-transition:all 0.3s;transition:all 0.3s}#drops .drop .val{color:#ffe9aa;font-size:40px;text-align:center;font-family:"Lato";font-weight:bold}#scoreHistory{overflow-y:scroll;height:150px;padding-right:10px;display:none}#scoreHistory p{font-size:15px}#scoreHistory::-webkit-scrollbar{width:6px;background-color:#d4b96a}#scoreHistory::-webkit-scrollbar-thumb{background-color:#553f00}#scoreHistory::-webkit-scrollbar-track{background-color:#d4b96a}#board-container{position:relative;height:350px;width:350px;background-color:#d4b96a;margin:0 auto;border-radius:50%;top:-10px}#board{background-color:#553f00;border-radius:50%;height:300px;width:300px;-webkit-transition:tranform 0.3s;transition:transform 0.3s;margin:0 auto;position:relative;top:26px}#board #inner-board{background-color:#d4b96a;height:300px;width:65px;position:absolute;left:118px;top:0px}#board #inner-board2{background-color:#d4b96a;height:65px;width:300px;position:absolute;top:118px}#board #base-circle{background-color:#553f00;border-radius:50%;height:80px;width:80px;margin:0 auto;position:absolute;top:111px;left:111px;-webkit-transition:tranform 0.4s;transition:transform 0.4s}#board #base-circle #score{color:#ffe9aa;font-size:35px;text-align:center;font-family:"Lato";font-weight:bold;margin-top:17px;margin-left:-2px}#board .pod{background-color:#553f00;border-radius:50%;height:60px;width:60px;margin:0 auto;-webkit-transition:tranform 0.4s;transition:transform 0.4s;position:absolute}#board .pod .val{color:#ffe9aa;font-size:40px;text-align:center;font-family:"Lato";font-weight:bold;margin-top:4px;margin-left:1px}#board #pod0{top:20px;left:120px}#board #pod1{top:120px;left:20px}#board #pod2{bottom:20px;left:120px}#board #pod3{top:120px;right:20px}