@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap");.container{min-height:100vh;background:#1d1d1d;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ece5d5;font-family:Roboto Condensed,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden;max-width:100%}.content{text-align:center;max-width:500px;padding:0 20px;position:relative;z-index:10}.title{font-family:Georgia,serif;font-size:2rem;margin-bottom:2rem}.counterContainer{margin-bottom:3rem;width:220px;height:220px;margin-left:auto;margin-right:auto}.counter,.counterContainer{position:relative;display:flex;align-items:center;justify-content:center}.counter{z-index:10;transition:all .3s ease}.counter,.counterText{font-size:15vw;font-weight:700;font-family:Roboto Condensed,sans-serif}.statusText{font-size:1.25rem;margin-bottom:2rem;height:2rem}.infoText{font-size:.875rem;color:#ece5d7;height:1.5rem;font-size:2rem;line-height:2rem}.footer{position:absolute;bottom:2rem;text-align:center}.footerText{color:#d6bcfa;font-size:.875rem}.pageFlipContainer{display:inline-flex;align-items:center;justify-content:center;width:60px;height:200px;margin-left:100px;margin-right:40px;perspective:1000px}.pageBase{background-color:orange;border-radius:3px}.page,.pageBase{position:absolute;width:100%;height:100%}.page{transform-origin:left center;background-color:#ece5d5;border-radius:0 3px 3px 0;animation:pageFlip 1.5s linear infinite}@keyframes pulse{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}@keyframes float{0%{transform:translateY(0) rotate(var(--rotation))}50%{transform:translateY(-10px) rotate(var(--rotation))}to{transform:translateY(0) rotate(var(--rotation))}}@keyframes pageFlip{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media only screen and (max-width:767px){.counter,.counterText{font-size:20vw;flex-direction:column}.infoText,.statusText{margin-top:5rem}.pageFlipContainer{display:inline-flex;align-items:center;justify-content:center;margin-left:5rem;width:60px;height:150px;animation:my-animation 2s infinite;animation-play-state:paused;perspective:1000px}.bookmark-icon{margin-right:10%}}@media screen and (max-height:500px) and (orientation:landscape){.counter{margin-top:100px}.counter,.counterText{font-size:50px}.pageFlipContainer{display:inline-flex;align-items:center;justify-content:center;margin-left:5rem;width:60px;height:100px;animation:my-animation 2s infinite;animation-play-state:paused;perspective:1000px}.infoText{font-size:20px;margin-top:10px}}.home-container{min-height:100vh;background:#ece5d7;align-items:center;font-family:Roboto Condensed,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden;width:100vw}.home-container,header{display:flex;flex-direction:column;justify-content:center}header{align-items:flex-end;width:100%;color:black;font-size:2rem;line-height:2rem;font-weight:700;margin-right:200px}.heading{font-size:20rem;color:#1d1d1d;font-weight:700;text-transform:lowercase}.description{width:30%;font-size:20px;line-height:22px;color:#1d1d1d}.content-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.bookmark-icon{position:absolute;top:0;left:5%;transform:translateX(-50%);z-index:100;width:64px;height:144px;color:#000}.page-number{position:absolute;top:5%}.signup-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.signup-heading{font-size:10rem;width:60%;color:#1d1d1d;font-weight:700;text-transform:lowercase;text-align:center}form{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}input{width:80%;height:100px;border:2px dotted orange;outline:none;text-align:center;margin-bottom:50px;margin-top:50px;font-size:20px}button{font-size:2rem;background-color:#1d1d1d;color:white;padding:20px}.error-message,.success-message{color:darkblue;text-align:center;text-transform:lowercase}.error-message{text-decoration:line-through}button:disabled{opacity:.7;cursor:not-allowed}@media only screen and (max-width:767px){header{margin-right:50px}.heading{font-size:45vw}.bookmark-icon{margin-left:10%}.description{width:80%}.signup-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:100px}.signup-heading{font-size:20vw;width:80%}svg{height:100px}input{margin-bottom:20px;margin-top:20px}}@media screen and (max-height:500px) and (orientation:landscape){.content-container{margin-top:10px}.signup-container{width:80%;margin-top:10px}.signup-heading{font-size:20px;font-size:40px;width:80%}input{margin-bottom:20px;margin-top:20px}button{width:20%}.heading{font-size:80px;margin-bottom:10px}.description{line-height:22px;width:80%}.description,button,form{font-size:20px}}@media screen and (min-height:901px) and (max-height:1024px) and (orientation:portrait){.description{width:80%;font-size:30px;line-height:33px}.signup-heading{font-size:8rem;width:80%}button{width:30%}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){.description{width:80%;font-size:30px;line-height:33px}.signup-heading{font-size:8rem;width:80%}}@media screen and (max-width:768px){.bookmark-icon{position:absolute;top:0;left:0;transform:translateX(-50%);z-index:100;width:48px;height:96px}}@media screen and (min-width:769px) and (max-width:1024px) and (orientation:landscape){.bookmark-icon{position:absolute;top:0;left:0;transform:translateX(-50%);z-index:100;width:64px;height:144px}}@media screen and (max-width:1024px){.bookmark-icon{position:absolute!important;top:0!important;left:0!important;transform:translateX(-50%)!important;z-index:100!important}}.horizontal-transition-container{width:100%;height:100vh;overflow:hidden;position:relative}.horizontal-transition-content{display:flex;height:100%;width:100%;transition:transform .7s ease-in-out;will-change:transform;transform:translateZ(0)}.page-container{height:100vh;flex-shrink:0}.page-container,.page-content{width:100%;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden}.page-content{height:100%;background-color:white;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}@media screen and (max-width:768px){.horizontal-transition-container,.page-container{height:100vh}}@media screen and (min-width:769px) and (max-width:1024px) and (orientation:landscape){.horizontal-transition-container,.page-container{height:100vh}}