@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;800&family=Rubik+Mono+One&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{margin:0;padding:0}.App{align-items:center;background:linear-gradient(0deg,#0a0a32b3,#05051eb3);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh;justify-content:center;opacity:1;overflow:hidden;width:100vw}.App,.countdown{text-align:center}.countdown{width:100%}.header{margin-bottom:50px}.header-text{color:#fff;font-size:5rem}.countdown-text,.header-text{font-family:Poppins,sans-serif;font-weight:800}.countdown-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff 1.71%,#fff 93.15%);-webkit-background-clip:text;font-size:3rem}.timer-container{align-items:center;display:flex;justify-content:center;margin:50px 0}.timer-box{height:275px;margin:0 10px;overflow:hidden;position:relative;width:268px}.timer-box-inner{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.time{font-size:5rem;font-weight:800}.label{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#584f8b 1.71%,#0af 93.15%);-webkit-background-clip:text;font-family:Rubik Mono One,sans-serif;font-size:1.5rem}.colon{color:#fff;font-size:7rem;font-weight:800}.button-container{align-items:center;display:flex;justify-content:center;margin-top:30px}.button-box{border-radius:25%;height:98px;margin:0 20px;overflow:hidden;position:relative;width:268px}.button-inner{align-items:center;background:linear-gradient(90deg,#0af6 20%,#584f8b66);border-radius:25%;color:#fff;cursor:pointer;display:flex;font-size:2rem;font-weight:800;height:100%;justify-content:center;transition:transform .1s ease-in-out;width:100%}.button-inner:active{transform:scale(.95)}@media screen and (max-width:768px){.App{height:auto;justify-content:flex-start;min-height:100vh;padding:20px 0;width:100vw}.header-text{font-size:8vw}.countdown-text{font-size:6vw}.timer-container{flex-wrap:wrap;margin:20px 0}.timer-box{height:40vw;margin:2vw;width:40vw}.time{font-size:8vw}.label{font-size:3vw}.colon{font-size:8vw;margin:0 2vw}.button-container{flex-direction:column;margin-top:20px;padding-bottom:20px}.button-box{height:15vw;margin:10px 0;width:80vw}.button-inner{font-size:6vw}}.time{display:inline-block;font-size:2rem;font-weight:700}.flip{animation:flipAnimation .25s ease-in-out}@keyframes flipAnimation{0%{opacity:1;transform:rotateX(0deg)}50%{opacity:.5;transform:rotateX(90deg)}to{opacity:1;transform:rotateX(0deg)}}
/*# sourceMappingURL=main.6ff81cb0.css.map*/