#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}a{text-decoration:none;color:#3f3f3f;cursor:pointer}a:hover{text-decoration:underline;color:#000}.main{padding-top:30px;padding-bottom:30px;overflow-y:hidden;height:100%;width:100%}.footer{bottom:0;line-height:30px;font-size:x-small}.footer,.overlay{position:fixed;width:100%}.overlay{top:0;left:0;height:100%;background:rgba(0,0,0,.5)}.input-container{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-osx-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:5px;text-align:center}.input-container label{font-size:24px;padding:10px}.input-container input{width:75%;font-size:32px;padding:10px;margin-bottom:10px}.input-container button{font-size:24px;padding:10px 20px;margin-left:10px;background:#000;color:#fff;border:none;border-radius:5px;cursor:pointer}.M-Flipper{display:inline-block;position:relative;width:60px;height:100px;line-height:100px;border:1px solid #000;border-radius:10px;background:#fff;font-size:66px;color:#fff;box-shadow:0 0 6px rgba(0,0,0,.5);text-align:center;font-family:Helvetica Neue}.M-Flipper .digital:after,.M-Flipper .digital:before{content:"";position:absolute;left:0;right:0;background:#000;overflow:hidden;box-sizing:border-box}.M-Flipper .digital:before{top:0;bottom:50%;border-radius:10px 10px 0 0;border-bottom:1px solid #666}.M-Flipper .digital:after{top:50%;bottom:0;border-radius:0 0 10px 10px;line-height:0}.M-Flipper.down .front:before{z-index:3}.M-Flipper.down .back:after{z-index:2;transform-origin:50% 0;-webkit-transform-origin:50% 0;transform:perspective(160px) rotateX(180deg);-webkit-transform:perspective(160px) rotateX(180deg)}.M-Flipper.down .back:before,.M-Flipper.down .front:after{z-index:1}.M-Flipper.down.go .front:before{transform-origin:50% 100%;-webkit-transform-origin:50% 100%;animation:frontFlipDown .6s ease-in-out both;-webkit-animation:frontFlipDown .6s ease-in-out both;box-shadow:0 -2px 6px hsla(0,0%,100%,.3);backface-visibility:hidden}.M-Flipper.down.go .back:after{animation:backFlipDown .6s ease-in-out both;-webkit-animation:backFlipDown .6s ease-in-out both}.M-Flipper.up .front:after{z-index:3}.M-Flipper.up .back:before{z-index:2;transform-origin:50% 100%;-webkit-transform-origin:50% 100%;transform:perspective(160px) rotateX(-180deg);-webkit-transform:perspective(160px) rotateX(-180deg)}.M-Flipper.up .back:after,.M-Flipper.up .front:before{z-index:1}.M-Flipper.up.go .front:after{transform-origin:50% 0;-webkit-transform-origin:50% 0;animation:frontFlipUp .6s ease-in-out both;-webkit-animation:frontFlipUp .6s ease-in-out both;box-shadow:0 2px 6px hsla(0,0%,100%,.3);backface-visibility:hidden}.M-Flipper.up.go .back:before{animation:backFlipUp .6s ease-in-out both;-webkit-animation:backFlipUp .6s ease-in-out both}@keyframes frontFlipDown{0%{transform:perspective(160px) rotateX(0deg)}to{transform:perspective(160px) rotateX(-180deg)}}@keyframes backFlipDown{0%{transform:perspective(160px) rotateX(180deg)}to{transform:perspective(160px) rotateX(0deg)}}@keyframes frontFlipUp{0%{transform:perspective(160px) rotateX(0deg)}to{transform:perspective(160px) rotateX(180deg)}}@keyframes backFlipUp{0%{transform:perspective(160px) rotateX(-180deg)}to{transform:perspective(160px) rotateX(0deg)}}.M-Flipper .number0:after,.M-Flipper .number0:before{content:"0"}.M-Flipper .number1:after,.M-Flipper .number1:before{content:"1"}.M-Flipper .number2:after,.M-Flipper .number2:before{content:"2"}.M-Flipper .number3:after,.M-Flipper .number3:before{content:"3"}.M-Flipper .number4:after,.M-Flipper .number4:before{content:"4"}.M-Flipper .number5:after,.M-Flipper .number5:before{content:"5"}.M-Flipper .number6:after,.M-Flipper .number6:before{content:"6"}.M-Flipper .number7:after,.M-Flipper .number7:before{content:"7"}.M-Flipper .number8:after,.M-Flipper .number8:before{content:"8"}.M-Flipper .number9:after,.M-Flipper .number9:before{content:"9"}.FlipClock{text-align:center}.FlipClock .M-Flipper{margin:0 3px}.FlipClock em{display:inline-block;line-height:102px;font-size:66px;font-style:normal;vertical-align:top}.FlipClock p{font-size:x-small}.FlipClock img{width:87%;max-height:57%;max-height:57vh;-o-object-fit:contain;object-fit:contain;-webkit-object-fit:contain;-moz-osx-object-fit:contain;-o-object-position:center;object-position:center;font-family:"object-fit: contain;"}