*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{margin:0;font-size:2rem;color:#000;background-color:#6bd4cf;font-family:Arial,sans-serif;font-family:Overpass}.timer{font-family:Quantico,sans-serif}.app-header{margin-top:10rem}.app-header,.how-to__header{font-family:"Fredericka the Great"}.how-to__header{margin:10rem 0}@media (max-width:600px){.how-to__header{margin:10rem 0 0}.how-to__text{font-size:1.7rem}}.how-to__checkbox{display:none;cursor:default}.how-to__button{background-color:#fff;height:7rem;width:7rem;position:fixed;top:6rem;right:6rem;border-radius:50%;z-index:2000;cursor:pointer;text-align:center}@media (max-width:900px){.how-to__button{top:4rem;right:4rem}}@media (max-width:600px){.how-to__button{top:3rem;right:3rem}}.how-to__background{height:6rem;width:6rem;border-radius:50%;position:fixed;top:6.5rem;right:6.5rem;background-image:radial-gradient(#e74c3c,#fb6964);z-index:1000;box-shadow:0 1rem 3rem rgba(0,0,0,.1);-webkit-transition:-webkit-transform .8s;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s}@media (max-width:900px){.how-to__background{top:4.5rem;right:4.5rem}}@media (max-width:600px){.how-to__background{top:3.5rem;right:3.5rem}}.how-to__nav{height:100vh;position:fixed;top:0;left:0;z-index:1500;opacity:0;width:0;-webkit-transition:all .8s cubic-bezier(.68,-.55,.265,1.55);transition:all .8s cubic-bezier(.68,-.55,.265,1.55);background-image:-webkit-gradient(linear,left top,right bottom,from(rgba(231,76,60,.95)),to(rgba(251,105,100,.95))),url(/static/media/Clocks.7960265c.jpg);background-image:linear-gradient(to right bottom,rgba(231,76,60,.95),rgba(251,105,100,.95)),url(/static/media/Clocks.7960265c.jpg);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}.how-to__checkbox:checked~.how-to__background{-webkit-transform:scale(80);transform:scale(80)}.how-to__checkbox:checked~.how-to__nav{opacity:1;width:100%}.how-to__icon{position:relative;margin-top:3.5rem}.how-to__icon,.how-to__icon:after,.how-to__icon:before{width:3rem;height:2px;background-color:#e74c3c;display:inline-block}.how-to__icon:after,.how-to__icon:before{content:"";position:absolute;left:0;-webkit-transition:all .2s;transition:all .2s}.how-to__icon:before{top:-.8rem}.how-to__icon:after{top:.8rem}.how-to__button:hover .how-to__icon:before{top:-1rem}.how-to__button:hover .how-to__icon:after{top:1rem}.how-to__checkbox:checked+.how-to__button .how-to__icon{background-color:transparent}.how-to__checkbox:checked+.how-to__button .how-to__icon:before{top:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.how-to__checkbox:checked+.how-to__button .how-to__icon:after{top:0;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.how-to__text-container{display:flex;flex-direction:column;align-items:center;margin:0 10rem;text-align:center}@media (max-width:600px){.how-to__text-container{margin:0}}.button,.how-to__header,.how-to__text{color:#fff}.button{background-color:#e74c3c;border-color:#000;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;font-size:2rem;font-family:Overpass,sans-serif}.button,.button:link,.button:visited{text-decoration:none;padding:1rem;display:inline-block;-webkit-transition:all .5s;transition:all .5s;position:relative;font-size:2rem;border:none;cursor:pointer}.button:active,.button:hover{outline:none;-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.button:active:after,.button:hover:after{-webkit-transform:scaleX(2) scaleY(1.5);transform:scaleX(2) scaleY(1.5);opacity:0}.button:active{-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 5px 10px rgba(0,0,0,.2)}.button:after{content:"";display:inline-block;height:100%;width:100%;position:absolute;top:0;left:0;z-index:-1}.button:hover{background-color:#e74c3c;color:#fff}.button:focus{outline:0!important}.button:active{background-color:#e74c3c;color:#000}@media (max-width:1000px){.button{-webkit-transition:all .2s ease;transition:all .2s ease}.button:active,.button:hover{outline:none;-webkit-transform:none;transform:none;box-shadow:none}.button:active:after,.button:hover:after{-webkit-transform:none;transform:none;opacity:0}.button:active{background-color:#e74c3c;color:#000;-webkit-transform:translateY(0);transform:translateY(0);box-shadow:0 5px 10px rgba(0,0,0,.2)}}.app-container{display:flex;flex-direction:column;align-items:center;text-align:center}
/*# sourceMappingURL=main.318deb0c.chunk.css.map */