#blue,#red{float:right}#blue,#green,#red,#yellow{height:50%;margin:0;width:50%}#announcement,#center{height:40%;position:absolute}#announcement,#box,#center{position:absolute}#announcement,#title{color:#323232;text-align:center}#announcement,#buttonBox,#counter,#numbers,#title{text-align:center}#start,#strict{box-shadow:0 1px 2px 1px #939393;display:inline-block;height:4vmin;width:4vmin}body,html{background:url(images/bgImage.jpg) center center no-repeat fixed;min-width:330px}#box{border-radius:50%;border:3px solid #462a1e;bottom:0;box-shadow:0 0 3px 1.5px #462a1e;height:80vmin;left:0;margin:auto;min-height:320px;min-width:320px;right:0;top:0;width:80vmin}#green{background-color:#00A74A;border-radius:100% 0 0;float:left}#red{background-color:#9F0F17;border-radius:0 100% 0 0}#blue{background-color:#094A8F;border-radius:0 0 100%}#yellow{background-color:#CCA707;border-radius:0 0 0 100%;float:left}#green:active{box-shadow:inset -.5px 1px 1px 1.5px #462a1e}#blue:active,#red:active,#yellow:active{box-shadow:inset 0 0 1px 1.5px #462a1e}#announcement{background-color:#DFF0D8;border-radius:20px;border:2px solid grey;display:none;font-family:Helvetica,Arial;font-size:8vmin;top:30%;width:100%;z-index:2}#center,#start{border-radius:50%}#center{background-color:#fff;border:1px solid #462a1e;box-shadow:0 0 2px 1px #462a1e;left:29.9%;top:29.9%;width:40%}#title{font-size:5vmin;font-weight:600;margin-bottom:12%}#counter{background-color:#32050C;border-radius:5px;border:2px solid #222;box-shadow:0 0 2px 1px gray;color:#430710;display:inline-block;font-family:'Geostar Fill';font-size:3vmin;height:4vmin;line-height:4vmin;vertical-align:top;width:6vmin}#start{background-color:#c00;border:2px solid grey;margin:0 9%}#strict{background-color:#FF0;border-radius:50%;border:2px solid grey}#onOff{background-color:#222;box-shadow:0 0 2px 1px #222;height:2.5vmin;margin-left:auto;margin-right:auto;margin-top:16%;width:6vmin}#switch{background-color:#3193DE;box-shadow:0 0 3px 1.5px #939393;float:left;height:100%;width:45%}#blue:hover,#green:hover,#red:hover,#start:hover,#strict:hover,#switch:hover,#yellow:hover{cursor:pointer}#start:active,#strict:active,#switch:active{box-shadow:0 0 1px .5px #a9a9a9}