*{box-sizing:border-box}#clock{transform:translateZ(0)}@media only screen and (min-width:300px){#clock{position:relative;display:block;color:#000;font-size:calc(30/550 * 280px);background:#8b0000;background:linear-gradient(140deg,rgba(0,0,0,0) 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,0) 100%) #8b0000;width:280px;padding:calc(70/550 *280px);margin:0 auto;transition:background-color .5s linear}#letters,#letters span{display:inline-block;line-height:calc(41/550 * 280px);text-align:center;transition:.5s linear}#letters span{width:calc(35/550 * 280px)}}@media only screen and (min-width:340px){#clock{position:relative;display:block;color:#000;font-size:calc(30/550 * 300px);background:#8b0000;background:linear-gradient(140deg,rgba(0,0,0,0) 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,0) 100%) #8b0000;width:300px;padding:calc(70/550 *300px);margin:0 auto;transition:background-color .5s linear}#letters,#letters span{display:inline-block;line-height:calc(41/550 * 300px);text-align:center;transition:.5s linear}#letters span{width:calc(35/550 * 300px)}}@media only screen and (min-width:365px){#clock{position:relative;display:block;color:#000;font-size:calc(30/550 * 335px);background:#8b0000;background:linear-gradient(140deg,rgba(0,0,0,0) 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,0) 100%) #8b0000;width:335px;padding:calc(70/550 *335px);margin:0 auto;transition:background-color .5s linear}#letters,#letters span{display:inline-block;line-height:calc(41/550 * 335px);text-align:center;transition:.5s linear}#letters span{width:calc(35/550 * 335px)}}@media only screen and (min-width:380px){#clock{position:relative;display:block;color:#000;font-size:calc(30/550 * 350px);background:#8b0000;background:linear-gradient(140deg,rgba(0,0,0,0) 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,0) 100%) #8b0000;width:350px;padding:calc(70/550 *350px);margin:0 auto;transition:background-color .5s linear}#letters,#letters span{display:inline-block;line-height:calc(41/550 * 350px);text-align:center;transition:.5s linear}#letters span{width:calc(35/550 * 350px)}}@media only screen and (min-width:390px){#clock{position:relative;display:block;color:#000;font-size:calc(30/550 * 360px);background:#8b0000;background:linear-gradient(140deg,rgba(0,0,0,0) 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,0) 100%) #8b0000;width:360px;padding:calc(70/550 *360px);margin:0 auto;transition:background-color .5s linear}#letters,#letters span{display:inline-block;line-height:calc(41/550 * 360px);text-align:center;transition:.5s linear}#letters span{width:calc(35/550 * 360px)}}@media only screen and (min-width:420px){#clock{position:relative;display:block;color:#000;font-size:calc(30/550 * 390px);background:#8b0000;background:linear-gradient(140deg,rgba(0,0,0,0) 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,0) 100%) #8b0000;width:390px;padding:calc(70/550 *390px);margin:0 auto;transition:background-color .5s linear}#letters,#letters span{display:inline-block;line-height:calc(41/550 * 390px);text-align:center;transition:.5s linear}#letters span{width:calc(35/550 * 390px)}}@media only screen and (min-width:440px){#clock{position:relative;display:block;color:#000;font-size:calc(30/550 * 410px);background:#8b0000;background:linear-gradient(140deg,rgba(0,0,0,0) 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,0) 100%) #8b0000;width:410px;padding:calc(70/550 *410px);margin:0 auto;transition:background-color .5s linear}#letters,#letters span{display:inline-block;line-height:calc(41/550 * 410px);text-align:center;transition:.5s linear}#letters span{width:calc(35/550 * 410px)}}@media only screen and (min-width:540px){#clock{position:relative;display:block;color:#000;font-size:calc(30/550 * 510px);background:#8b0000;background:linear-gradient(140deg,rgba(0,0,0,0) 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,0) 100%) #8b0000;width:510px;padding:calc(70/550 *510px);margin:0 auto;transition:background-color .5s linear}#letters,#letters span{display:inline-block;line-height:calc(41/550 * 510px);text-align:center;transition:.5s linear}#letters span{width:calc(35/550 * 510px)}}@media only screen and (min-width:600px){#clock{position:relative;display:block;color:#000;font-size:30px;background:#8b0000;background:linear-gradient(140deg,rgba(0,0,0,0) 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,0) 100%) #8b0000;width:550px;padding:70px;margin:0 auto;transition:background-color .5s linear}#letters,#letters span{display:inline-block;line-height:41px;text-align:center;transition:.5s linear}#letters span{width:35px}}@media only screen and (max-width:299px){#clock{position:relative;display:block;color:#000;font-size:calc(30/550 * 270px);background:#8b0000;background:linear-gradient(140deg,rgba(0,0,0,0) 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,0) 100%) #8b0000;width:270px;padding:calc(70/550 *270px);margin:0 auto;transition:background-color .5s linear}#letters,#letters span{display:inline-block;line-height:calc(41/550 * 270px);text-align:center;transition:.5s linear}#letters span{width:calc(35/550 * 270px)}}.light{color:#fff!important;text-shadow:0 0 5px #fff}#settings,#settings a{color:#555;font-size:13px;width:160px;margin:10px auto}#settings a:hover{text-shadow:0 0 1px #fff}#settings p{margin:0;width:100%;text-align:center}.button{position:relative;display:inline-block;margin:0 4px;background:linear-gradient(-75deg,rgba(0,0,0,0) 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,0) 100%);height:20px;opacity:.3;-webkit-transition:opacity .5s linear;-moz-transition:opacity .5s linear;-ms-transition:opacity .5s linear;-o-transition:opacity .5s linear;transition:opacity .5s linear;width:20px}#settings:hover .button{opacity:1}.button:hover{box-shadow:0 0 3px 0 #fff inset}.selected:before{content:'✔';position:absolute;color:rgba(255,255,255,.4);left:5px;top:3px}#darkblue{background-color:#00008b}#darkred{background-color:#8b0000}#green{background-color:#647800}#purple{background-color:#462878}#orange{background-color:#965000}#desc{margin:50px auto;width:420px;height:520px;color:#fff;font-size:6px}#e0,#e1,#e2,#e3{position:absolute;color:#000;font-size:15px}#e0,#e1{top:15px}#e1,#e2{right:25px}#e0,#e3{left:25px}#e2,#e3{bottom:20px}