@font-face{font-family:'digital-7';src:url(../font/digital-7.ttf)}@font-face{font-family:'digital-7-mono';src:url(../font/digital-7\ \(mono\).ttf)}@font-face{font-family:'oden';src:url(../font/Odin\ Rounded\ -\ Bold.otf)}*{box-sizing:border-box}body{margin:0}.wrapper{margin:0 auto;padding:0 20px;position:relative}.header-section{padding:0 20px}.header-section img{height:100%;max-width:100%}.content-section{padding:50px 20px}#container{position:relative;box-sizing:border-box;padding:0 20px 20px;width:350px;margin:0 auto;text-align:center;border-radius:20px;background:#252259;background:-moz-linear-gradient(left,#252259 -2%,#37348d 50%,#252259 102%);background:-webkit-linear-gradient(left,#252259 -2%,#37348d 50%,#252259 102%);background:linear-gradient(to right,#252259 -2%,#37348d 50%,#252259 102%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252259', endColorstr='#252259',GradientType=1 )}#container:after{content:"";position:absolute;width:108%;bottom:0;z-index:-1;box-shadow:15px 7px 33px 6px #000;left:-28px}.item-top-header{display:flex;justify-content:center;height:57px;position:relative;align-items:center}button:focus{outline:0}#muteButton{height:63px;width:auto;cursor:pointer;position:absolute;top:0;left:-26px}#speakerImage{height:28px;width:auto}.buttonSurround{width:290px;height:43px;display:inline-block;background-color:#275598;border-style:solid;border-width:2px;border-color:#0b2867;border-radius:7px;-webkit-box-shadow:inset 0 0 5px 0 rgba(0,0,0,.75);-moz-box-shadow:inset 0 0 5px 0 rgba(0,0,0,.75);box-shadow:inset 0 0 5px 0 rgba(0,0,0,.75)}.button{display:inherit;width:90px;margin-top:3px;font-size:15px;padding:5px 5px;letter-spacing:normal;background:#427fc4;background-image:-webkit-linear-gradient(top,#427fc4,#224e9c);background-image:-moz-linear-gradient(top,#427fc4,#224e9c);background-image:-ms-linear-gradient(top,#427fc4,#224e9c);background-image:-o-linear-gradient(top,#427fc4,#224e9c);background-image:linear-gradient(to bottom,#427fc4,#224e9c);-webkit-border-radius:7;-moz-border-radius:7;border-style:solid;border-width:2px;border-color:#417bc1;border-radius:7px;-webkit-box-shadow:0 0 7px 0 rgba(0,0,0,.75);-moz-box-shadow:0 0 7px 0 rgba(0,0,0,.75);box-shadow:0 0 7px 0 rgba(0,0,0,.75);font-family:Arial;color:#000;text-decoration:none;cursor:pointer}.button:hover{background:#3cb0fd;background-image:-webkit-linear-gradient(top,#3cb0fd,#3498db);background-image:-moz-linear-gradient(top,#3cb0fd,#3498db);background-image:-ms-linear-gradient(top,#3cb0fd,#3498db);background-image:-o-linear-gradient(top,#3cb0fd,#3498db);background-image:linear-gradient(to bottom,#3cb0fd,#3498db);text-decoration:none;cursor:pointer}.buttonOn{display:inherit;width:90px;margin-top:3px;font-size:15px;padding:5px 5px;-webkit-border-radius:7;-moz-border-radius:7;letter-spacing:normal;border-style:solid;border-width:2px;border-color:#417bc1;border-radius:7px;font-family:Arial;color:#000;font-size:15px;padding:5px 15px;text-decoration:none;-webkit-box-shadow:0 0 7px 0 rgba(0,0,0,.75);-moz-box-shadow:0 0 7px 0 rgba(0,0,0,.75);box-shadow:0 0 7px 0 rgba(0,0,0,.75);background:#3cb0fd;background-image:-webkit-linear-gradient(top,#3cb0fd,#3498db);background-image:-moz-linear-gradient(top,#3cb0fd,#3498db);background-image:-ms-linear-gradient(top,#3cb0fd,#3498db);background-image:-o-linear-gradient(top,#3cb0fd,#3498db);background-image:linear-gradient(to bottom,#3cb0fd,#3498db);text-decoration:none;cursor:pointer}.button_whiteSurround{margin-top:5px}.button_white{display:inline-block;margin:5px;border-radius:35px;height:110px;width:120px;overflow:hidden;line-height:180px;background:#fcfff4;background:-moz-linear-gradient(top,#fcfff4 0%,#cfcfcf 100%,#f8f8f8 100%);background:-webkit-linear-gradient(top,#fcfff4 0%,#cfcfcf 100%,#f8f8f8 100%);background:linear-gradient(to bottom,#fcfff4 0%,#cfcfcf 100%,#f8f8f8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#f8f8f8',GradientType=0 );cursor:pointer;-webkit-box-shadow:2px 2px 5px 0 rgba(0,0,0,.75);-moz-box-shadow:2px 2px 5px 0 rgba(0,0,0,.75);box-shadow:2px 2px 5px 0 rgba(0,0,0,.75)}.button_white:hover{background:#fcfff4;background:-moz-linear-gradient(top,#fcfff4 0%,white 100%,#f8f8f8 100%);background:-webkit-linear-gradient(top,#fcfff4 0%,white 100%,#f8f8f8 100%);background:linear-gradient(to bottom,#fcfff4 0%,white 100%,#f8f8f8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#f8f8f8',GradientType=0 )}.button_whiteText{display:inline-block;height:74px;line-height:72px;overflow:hidden;font-size:140px;font-weight:bolder;font-family:"oden";background:#0e0e0e;background:-moz-linear-gradient(top,#0e0e0e 0%,#605d60 100%);background:-webkit-linear-gradient(top,#0e0e0e 0%,#605d60 100%);background:linear-gradient(to bottom,#0e0e0e 0%,#605d60 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#605d60',GradientType=0 );-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}#tempoSurround{display:inline-block;position:relative;width:293px;height:234px;background-image:url(http://alfredpotter.com/metronome/img/Bg_tempo.png);background-size:cover}#tempo{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0;color:#fff;font-size:180px;font-family:"digital-7"}#sliderSurround{margin-top:6px;border-radius:7px;text-align:center;white-space:nowrap;display:inline-block;position:relative;height:50px;width:285px;background-color:#f6f6f6;background:#fcfff4;background:-moz-linear-gradient(top,#fcfff4 0%,#cfcfcf 100%,#f8f8f8 100%);background:-webkit-linear-gradient(top,#fcfff4 0%,#cfcfcf 100%,#f8f8f8 100%);background:linear-gradient(to bottom,#fcfff4 0%,#cfcfcf 100%,#f8f8f8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#f8f8f8',GradientType=0 );-webkit-box-shadow:2px 2px 5px 0 rgba(0,0,0,.75);-moz-box-shadow:2px 2px 5px 0 rgba(0,0,0,.75);box-shadow:2px 2px 5px 0 rgba(0,0,0,.75)}.sliderText{display:inline-block;vertical-align:top;margin-left:19px;margin-right:19px;margin-top:15px}.Firefox .sliderText{top:-40%}#timerSurround{height:50px;width:183px;display:inline-block;position:relative;background-image:url(http://alfredpotter.com/metronome/img/Bg_timer.png);background-size:cover;margin-top:5px;margin-bottom:7px}#timerText{color:#b5e61d;font-family:"digital-7-mono";font-size:45px;height:23px;letter-spacing:normal;vertical-align:top;display:inline-block;line-height:49px}.row{background-color:#0f0;width:200px;height:150px;margin:5px auto}.rightAd{display:block;height:30%;margin-bottom:20px;text-align:center}.rightAd a{}.rightAd img{height:100%;cursor:pointer;max-height:190px;max-width:400px}.rightAd img:hover{opacity:.8}.leftAd{}#BrowserWarning{text-align:center;line-height:35px;font-size:20px;background-color:red;color:#fff;font-family:arial;margin-top:0}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}