@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@100..900&display=swap);.flip-clock-wrapper *{-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;backface-visibility:hidden}.flip-clock-wrapper a{cursor:pointer;text-decoration:none;color:#fff}.flip-clock-wrapper a:hover{color:#fff}.flip-clock-wrapper ul{list-style:none}.flip-clock-wrapper.clearfix:after,.flip-clock-wrapper.clearfix:before{content:" ";display:table}.flip-clock-wrapper.clearfix:after{clear:both}.flip-clock-wrapper.clearfix{*zoom:1}.flip-clock-wrapper{font:normal 11px Helvetica Neue,Helvetica,sans-serif;-webkit-user-select:none;margin:0 auto;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:center;-webkit-justify-content:center;display:-moz-box;-moz-box-pack:center;-moz-box-align:center;-moz-justify-content:center;display:-o-box;-o-box-orient:horizontal;-o-box-pack:center;-o-box-align:center;-o-justify-content:center;display:-ms-box;-ms-box-orient:horizontal;-ms-box-pack:center;-ms-box-align:center;-ms-justify-content:center;display:flex;box-orient:horizontal;box-pack:center;box-align:center;justify-content:center}.flip-clock-meridium{background:none!important;box-shadow:0 0 0!important;font-size:36px!important}.flip-clock-meridium a{color:#313333}.flip-clock-wrapper{text-align:center;position:relative;width:100%}.flip-clock-wrapper:after,.flip-clock-wrapper:before{content:" ";display:table}.flip-clock-wrapper:after{clear:both}.flip-clock-wrapper ul{position:relative;float:left;margin:5px;width:60px;height:90px;font-size:80px;font-weight:700;line-height:87px;border-radius:6px;background:#000}.flip-clock-wrapper ul li{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;line-height:87px;text-decoration:none!important}.flip-clock-wrapper ul li:first-child{z-index:2}.flip-clock-wrapper ul li a{display:block;height:100%;perspective:200px;margin:0!important;overflow:visible!important;cursor:default!important}.flip-clock-wrapper ul li a div{z-index:1;position:absolute;left:0;width:100%;height:50%;font-size:80px;overflow:hidden;outline:1px solid transparent}.flip-clock-wrapper ul li a div .shadow{position:absolute;width:100%;height:100%;z-index:2}.flip-clock-wrapper ul li a div.up{transform-origin:50% 100%;top:0}.flip-clock-wrapper ul li a div.up:after{content:"";position:absolute;top:44px;left:0;z-index:5;width:100%;height:3px;background-color:#000;background-color:rgba(0,0,0,.4)}.flip-clock-wrapper ul li a div.down{transform-origin:50% 0;bottom:0;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.flip-clock-wrapper ul li a div div.inn{position:absolute;left:0;z-index:1;width:100%;height:200%;color:#fff;text-shadow:0 1px 2px #000;text-align:center;background:#333;border-radius:6px;font-size:70px}.flip-clock-wrapper ul li a div.up div.inn{top:0}.flip-clock-wrapper ul li a div.down div.inn{bottom:0}.flip-clock-wrapper ul.play li.flip-clock-before{z-index:3}.flip-clock-wrapper .flip{box-shadow:0 2px 5px rgba(0,0,0,.7)}.flip-clock-wrapper ul.play li.flip-clock-active{animation:asd .5s linear .5s both;z-index:5}.flip-clock-divider{float:left;display:inline-block;position:relative;width:20px;height:100px}.flip-clock-divider:first-child{width:0}.flip-clock-dot{display:block;background:#323434;width:10px;height:10px;position:absolute;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.5);left:5px}.flip-clock-divider .flip-clock-label{position:absolute;top:-1.5em;right:-112.5px;color:#000;text-shadow:none}.flip-clock-divider.minutes .flip-clock-label,.flip-clock-divider.seconds .flip-clock-label{right:-135px}.flip-clock-dot.top{top:30px}.flip-clock-dot.bottom{bottom:30px}@keyframes asd{0%{z-index:2}20%{z-index:4}to{z-index:4}}.flip-clock-wrapper ul.play li.flip-clock-active .down{z-index:2;animation:turn .5s linear .5s both}@keyframes turn{0%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}.flip-clock-wrapper ul.play li.flip-clock-before .up{z-index:2;animation:turn2 .5s linear both}@keyframes turn2{0%{transform:rotateX(0deg)}to{transform:rotateX(-90deg)}}.flip-clock-wrapper ul li.flip-clock-active{z-index:3}.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow{background:-moz-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,#000));background:linear,top,rgba(0,0,0,.1) 0,#000 100%;background:-ms-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);background:linear,to bottom,rgba(0,0,0,.1) 0,#000 100%;animation:show .5s linear both}.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow{background:linear,to bottom,rgba(0,0,0,.1) 0,#bdd0ff 100%;animation:hide .5s linear .3s both}.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow{background:linear,to bottom,#000 0,rgba(0,0,0,.1) 100%;animation:show .5s linear both}.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow{background:linear,to bottom,#000 0,rgba(0,0,0,.1) 100%;animation:hide .5s linear .2s both}@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes hide{0%{opacity:1}to{opacity:0}}.rays[data-v-6ca89184]{opacity:1;z-index:-20;-o-object-fit:none;object-fit:none;flex:none;align-self:center;max-width:3000px;max-height:3000px;display:block;position:absolute;margin-top:65vh;transition:opacity 4s ease 0s;animation:spin-6ca89184 200s linear infinite}@keyframes spin-6ca89184{to{transform:rotate(1turn)}}.night .rays[data-v-6ca89184]{opacity:0;transition:opacity .5s ease 0s}.scene[data-v-6ca89184]{position:absolute;bottom:0;left:0;width:100%;height:340px;overflow:hidden}.background[data-v-6ca89184],.scene[data-v-6ca89184]{display:flex;align-items:center;justify-content:center}.moon[data-v-6ca89184]{position:absolute;margin-top:110px;background:#d9d8d0;box-shadow:inset -10px 2px 0 0 #899098;width:90px;height:90px;border-radius:100%;left:120%;margin-left:-190px;top:50%;overflow:hidden;z-index:2;transition:all 1.1s ease 0s}.night .moon[data-v-6ca89184]{left:90%;top:-8%;transition:all 1.1s ease .4s}.moon div[data-v-6ca89184]:nth-child(n){position:relative;background:#b9b8b0;border-radius:50%;box-shadow:inset 4px -2px 0 0 #535457}.moon div[data-v-6ca89184]:first-child{top:25%;left:12%;width:27%;height:27%}.moon div[data-v-6ca89184]:nth-child(2){top:-11%;left:60%;width:16%;height:16%}.moon div[data-v-6ca89184]:nth-child(3){top:25%;left:44%;width:16%;height:16%}.stars[data-v-6ca89184]{opacity:0;margin-left:100px;top:0;left:0;transition:all .8s ease 0s;z-index:1000}.night .stars[data-v-6ca89184]{opacity:1;transition:all 3s ease .4s}.stars div[data-v-6ca89184]:nth-child(n){position:absolute;background:radial-gradient(#fff,hsla(0,0%,100%,0));border-radius:50%;box-shadow:0 0 10px #fff;overflow:hidden;width:1.6px;height:1.6px;margin-left:20%;margin-top:-20%;transition:all 1s ease 0s}.night .stars div[data-v-6ca89184]:nth-child(n){margin-left:0;margin-top:0;transition:all 1s ease-out .4s}.stars div[data-v-6ca89184]:first-child{left:25%;top:30%}.stars div[data-v-6ca89184]:nth-child(2){left:55%;top:20%}.stars div[data-v-6ca89184]:nth-child(3){left:60%;top:60%}.stars div[data-v-6ca89184]:nth-child(4){left:40%;top:45%}.stars div[data-v-6ca89184]:nth-child(5){left:15%;top:55%}.stars div[data-v-6ca89184]:nth-child(6){left:40%;top:10%}.stars div[data-v-6ca89184]:nth-child(7){left:80%;top:55%}.hills div[data-v-6ca89184]:nth-child(n){position:absolute;transition:all 1s ease .6s}.hills div[data-v-6ca89184]:first-child{z-index:3;bottom:0;left:-183px;--r:4px;width:578px;height:285px;-webkit-mask:linear-gradient(#0000 calc(var(--r)*3/2),#000 0),radial-gradient(var(--r) at 50% calc(var(--r)*2),#000 98%,#0000 101%);clip-path:polygon(50% 0,100% 100%,0 100%);background:#0e580e}.hills div[data-v-6ca89184]:nth-child(2){left:128px;--r:32px;height:218px;width:476px;background:#398239}.hills div[data-v-6ca89184]:nth-child(2),.hills div[data-v-6ca89184]:nth-child(3){z-index:4;bottom:0;-webkit-mask:linear-gradient(#0000 calc(var(--r)/sqrt(2)),#000 0),radial-gradient(var(--r) at 50% calc(var(--r)*sqrt(2)),#000 98%,#0000 101%);clip-path:polygon(50% 0,100% 100%,0 100%)}.hills div[data-v-6ca89184]:nth-child(3){right:152px;--r:36px;height:203px;width:451px;background:#299029}.hills div[data-v-6ca89184]:nth-child(4){position:absolute;z-index:3;bottom:0;right:-110px;--r:64px;height:387px;width:526px;-webkit-mask:linear-gradient(#0000 calc(var(--r)*3/2),#000 0),radial-gradient(var(--r) at 50% calc(var(--r)*2),#000 98%,#0000 101%);clip-path:polygon(50% 0,100% 100%,0 100%);background:#196419}.night .hills div[data-v-6ca89184]:first-child{background:#202020}.night .hills div[data-v-6ca89184]:nth-child(2),.night .hills div[data-v-6ca89184]:nth-child(3){background:#262525}.night .hills div[data-v-6ca89184]:nth-child(4){background:#1e1d1d}@property --myColor3{syntax:"<color>";initial-value:#f5c30e;inherits:false}@property --myColor4{syntax:"<color>";initial-value:#518eac;inherits:false}.water[data-v-6ca89184]{position:absolute;background:repeating-radial-gradient(ellipse farthest-corner at center -400%,var(--myColor3) 30%,var(--myColor4) 80%) repeat scroll 0 0 var(--myColor4);transition:--myColor3 3s,--myColor4 3s;width:50%;left:25%;height:8.25rem;bottom:0}.night .water[data-v-6ca89184]{--myColor3:#7fa1bb;--myColor4:#1d425a}.sun[data-v-6ca89184]{margin-top:20px;background:#f2ef88;box-shadow:0 0 20px hsla(58,80%,74%,.4);width:16.5rem;height:16.5rem;border-radius:50%;position:absolute;bottom:0;animation:pulse-6ca89184 5s ease infinite alternate;transition:all 1.1s ease .4s}@keyframes pulse-6ca89184{0%{box-shadow:0 0 20px hsla(58,80%,74%,.4)}50%{box-shadow:0 0 40px #f2ef88}to{box-shadow:0 0 20px hsla(58,80%,74%,.4)}}.night .sun[data-v-6ca89184]{bottom:-12rem;transition:all 1.1s ease 0s}.pyro>.after[data-v-1eee7c06],.pyro>.before[data-v-1eee7c06]{position:absolute;width:5px;height:5px;border-radius:50%;box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff;animation:bang-1eee7c06 1s ease-out 5 backwards,gravity-1eee7c06 1s ease-in 5 backwards,position-1eee7c06 5s linear 5 backwards}.pyro>.after[data-v-1eee7c06]{animation-delay:1.25s,1.25s,1.25s;animation-duration:1.25s,1.25s,6.25s}@keyframes bang-1eee7c06{to{box-shadow:25px -25.66667px #6a00ff,177px -395.66667px #ff0080,246px -383.66667px #00ff09,132px 73.33333px #50f,-205px -54.66667px #ff5100,153px -393.66667px #00ffc8,-65px 51.33333px #ff0015,-184px -69.66667px #0f3,-217px 8.33333px #84ff00,48px -221.66667px #7300ff,99px -410.66667px #004dff,-211px -195.66667px #ff0080,-71px -132.66667px #ff00d0,30px -257.66667px #84ff00,125px -189.66667px #002fff,242px 32.33333px #6aff00,63px -187.66667px #73ff00,230px 36.33333px #00fbff,64px 83.33333px #ff0037,139px -219.66667px #00f7ff,-136px -260.66667px #00ffbf,-125px 38.33333px #00ff62,211px -401.66667px #ff5900,-70px -116.66667px #2fff00,130px -165.66667px #00c8ff,160px -156.66667px #00ff91,46px -151.66667px #f30,-80px 22.33333px #00ffd5,-193px -215.66667px #00ff1a,-249px -200.66667px #f01,18px -320.66667px #e0f,195px -37.66667px #ff1e00,248px -210.66667px #2bff00,-133px -145.66667px lime,66px -44.66667px #00ff0d,182px -11.66667px #ff003c,-135px -362.66667px #fa0,-52px -101.66667px #ffea00,-172px -168.66667px #ff0004,74px -322.66667px #00ff09,172px 18.33333px #00f7ff,-23px -400.66667px #0004ff,148px -242.66667px #ea00ff,-236px 4.33333px #ff0059,207px -287.66667px #ffae00,-18px -337.66667px #00ffd5,-79px 75.33333px #ff0400,-161px -74.66667px #1500ff,-221px -222.66667px #00ff9d,-161px -388.66667px #0fe,-79px -261.66667px #f0b}}@keyframes gravity-1eee7c06{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@keyframes position-1eee7c06{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}header{display:block;height:60px;padding-top:16px;position:relative;z-index:20}.logo{float:left;padding-left:16px;width:200px;height:44px}.options{float:right;padding-right:16px;width:200px}.since{font-family:Montserrat,sans-serif;color:#fff;font-size:2rem;font-weight:200}.reason-column{width:14.25rem;margin-right:3.75rem}.since-column{width:6.75rem;margin-right:3.75rem;display:inline-block;text-align:center;align-content:center}.month-column{width:11.25rem;margin-right:3.75rem}.day-column{width:3.25rem;margin-right:3.75rem}.year-column{width:5.75rem;margin-right:3.75rem}.vue-scroll-picker{position:relative;width:100%;height:15em;-webkit-mask-image:linear-gradient(180deg,hsla(58,80%,74%,0) 0,hsla(58,80%,74%,.65) 42%,#f2ef88 43%,#f2ef88 57%,hsla(58,80%,74%,.65) 58%,hsla(58,80%,74%,0));mask-image:linear-gradient(180deg,hsla(58,80%,74%,0) 0,hsla(58,80%,74%,.65) 42%,#f2ef88 43%,#f2ef88 57%,hsla(58,80%,74%,.65) 58%,hsla(58,80%,74%,0))}.vue-scroll-picker-rotator{position:absolute;left:0;right:0;top:calc(50% - 1em)}.vue-scroll-picker-rotator-transition{transition:top .15s ease}.vue-scroll-picker-item{text-align:center;font-size:2rem;font-family:Montserrat,sans-serif;font-weight:200;line-height:1.2em;color:#f2ef88}.vue-scroll-picker-item-selected{color:#f2ef88}.vue-scroll-picker-item-disabled,.vue-scroll-picker-item-empty,.vue-scroll-picker-item-placeholder{color:#ccc}.vue-scroll-picker-item-disabled.vue-scroll-picker-item-selected,.vue-scroll-picker-item-empty.vue-scroll-picker-item-selected,.vue-scroll-picker-item-placeholder.vue-scroll-picker-item-selected{color:#aaa}.vue-scroll-picker-layer{top:0;bottom:0}.vue-scroll-picker-layer,.vue-scroll-picker-layer-bottom,.vue-scroll-picker-layer-selection,.vue-scroll-picker-layer-top{position:absolute;left:0;right:0}.vue-scroll-picker-layer-top{box-sizing:border-box;top:0;height:calc(50% - 1em);cursor:pointer}.vue-scroll-picker-layer-selection{top:calc(50% - 1em);bottom:calc(50% - 1em)}.vue-scroll-picker-layer-bottom{bottom:0;height:calc(50% - 1em);cursor:pointer}.picker-group{display:flex;margin:0 auto;padding-top:60px}.btn-container{height:15em;align-content:center;width:6rem}.calculate-days :hover{font-variation-settings:"FILL" 1}@font-face{font-family:Sugar Peachy;src:url(/fonts/sugar-peachy.099607cd.otf) format("opentype");font-style:normal;font-display:block}body,html{margin:0;padding:0;font-size:16px}body{height:100vh;width:100vw}*{box-sizing:border-box}h1{color:#e9e9e9;text-shadow:0 4px 4px rgba(0,0,0,.25);font-family:Sugar Peachy;font-size:60px;font-weight:900;line-height:60px;margin:8px}h1,h3{text-align:center;font-style:normal}h3{color:hsla(0,0%,100%,.75);font-family:Montserrat,sans-serif;font-size:26px;font-weight:400;line-height:49px;letter-spacing:.25px}@property --myColor1{syntax:"<color>";initial-value:#be4405;inherits:false}@property --myColor2{syntax:"<color>";initial-value:#f6c60c;inherits:false}#container{position:relative;z-index:10;overflow:hidden;top:0;clear:both;height:100vh;width:100vw;background:linear-gradient(var(--myColor1),var(--myColor2));transition:--myColor1 3s,--myColor2 3s}#container.night{--myColor1:#111936;--myColor2:#285a7b}.interactable{display:flex;align-items:center;justify-content:center;z-index:1000}.readout{text-align:center;align-content:center}.calculate-days,.update-button{height:36px;width:96px;border:2px solid #f2ef88;color:#f2ef88;background:hsla(58,80%,74%,0);cursor:pointer;border-radius:20px;transition-duration:2s;line-height:30px}.update-button{float:right}