@import url(https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);.flip-clock-wrapper *{-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-clock-wrapper a{cursor:pointer;text-decoration:none;color:#ccc}.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}.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%;margin:1em}.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}.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:#ccc;text-shadow:0 1px 2px #000;text-align:center;background-color:#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:-86px;color:#000;text-shadow:none}.flip-clock-divider.minutes .flip-clock-label{right:-88px}.flip-clock-divider.seconds .flip-clock-label{right:-91px}.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{animation:show .5s linear both}.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow,.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%}.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow{animation:hide .5s linear .3s both}.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow{animation:show .5s linear both}.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow,.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow{background:-moz-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000),color-stop(100%,rgba(0,0,0,.1)));background:linear,top,#000 0,rgba(0,0,0,.1) 100%;background:-ms-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);background:linear,to bottom,#000 0,rgba(0,0,0,.1) 100%}.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow{animation:hide .5s linear .2s both}@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes hide{0%{opacity:1}to{opacity:0}}:root{--base-light-color:#faaf43;--base-light-dark-color:#f15b2b;--base-dark-light-color:#1c76bc;--base-dark-color:#2d368f;--base-color:#333;--text-color:#edeeef;--black:#000;--white:#fff;--green-color:#58ba52}*,:after,:before{padding:0;margin:0;box-sizing:inherit}html{font-size:62.5%}body{font-family:Cinzel Decorative,cursive,Roboto,sans-serif;font-weight:400;color:var(--text-color)}.header-div,body{background-color:var(--base-color)}.header-div{width:100%;height:48px;color:var(--white);display:flex;flex-direction:row;align-items:center}.header-logo{width:48px;height:auto}.header-title{font-size:3rem;text-transform:uppercase;margin-left:1rem}.header-info{text-align:end;flex-grow:2;font-size:3rem;margin-right:1rem}.main-div{width:100%;min-height:calc(100vh - 48px);background-image:url(background.72fdec095b54fa444739.jpg);background-repeat:no-repeat;background-size:cover;background-blend-mode:darken}.container{display:flex;flex-direction:column;justify-content:center;align-items:center}.top-logo{width:256px;height:auto}.title{font-size:6rem}.sub-title,.title{font-family:Roboto,sans-serif;font-weight:700;color:var(--base-color)}.sub-title{font-size:2rem;text-align:center}.flip-clock{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:10rem}.flip-clock-label{color:var(--base-color)!important;font-weight:700;font-size:2rem}.flip-clock-wrapper ul{background:var(--white)}.flip-clock-wrapper ul li a div.up:after{background-color:var(--white);background-color:rgba(0,0,0,.4)}.flip-clock-wrapper ul li a div div.inn{color:#111;text-shadow:0 1px 1px #555;background-color:var(--white)}.send-success{font-size:6rem;font-weight:700;color:var(--green-color)}.notification,.send-success{margin-top:5rem;text-align:center}.notification>input{width:450px;border-style:none;color:var(--black);border-radius:.2rem;padding:.5rem;font-family:Roboto,sans-serif}.notification>button{width:250px;background-color:var(--base-light-dark-color);color:var(--white);border:0;border-radius:.2rem;cursor:pointer;margin-top:1rem;padding:.3rem}.notification>button:hover{background-color:var(--base-light-color)}@media (max-width:768px){.title{font-size:3rem}.sub-title,.title{font-family:Roboto,sans-serif;font-weight:700;color:var(--base-color)}.sub-title{font-size:1rem;text-align:center}.flip-clock,.header-info{display:none}.notification>input{width:300px;border-style:none;color:var(--black);border-radius:.2rem;padding:.5rem;font-family:Roboto,sans-serif}}