@import"https://fonts.googleapis.com/css2?family=Red+Hat+Text:wght@600;700&display=swap";.countdown{position:relative;min-height:100vh}.countdowncol{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%;margin:auto;position:relative;text-align:center}.countdownmain{display:flex;flex-direction:row;gap:.8rem;margin-top:3rem}h3{font-size:15px;width:90%;margin:auto}h1{color:#fff;font-size:36px}span{text-transform:uppercase;color:#8486a9;font-size:9px;font-weight:400;letter-spacing:4px}.footer{position:absolute;bottom:0;width:100%;padding-top:4rem;padding-bottom:1.2rem;background-size:cover}.footercol{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:auto;gap:2rem;font-size:25px}a{color:#8486a9}a:hover{color:#fb6087}.flip-card{width:100%;margin:auto}.flips{width:100%;height:100%;margin-bottom:.5rem;position:relative;transform-style:preserve-3d;transition:transform .5s}.flipped .top,.flipped .bottom{transform:rotateX(-90deg);transform-style:preserve-3d}.topFlip{position:relative;background-color:#2d6fd3cc;height:3rem;width:5rem;align-items:center;overflow:hidden;border-radius:8px;box-shadow:0 5px #00000073}.bottomFlip{position:relative;background-color:#2d6fd3;height:2.5rem;width:5rem;align-items:center;overflow:hidden;border-radius:7px;box-shadow:0 5px #00000073}.top{position:relative;margin-top:23.5%;transform:rotateX(360deg);backface-visibility:hidden;transform-style:preserve-3d;transition:transform .4s ease-in}.top h1{color:#fffc}.bottom{margin-top:-35%;transform:rotateX(360deg);backface-visibility:hidden;transition:transform .6s ease-in;transform-style:preserve-3d}@media only screen and (max-width: 369px) and (max-height: 650px){.countdowncol{padding:5rem 0 10rem;text-align:center}}@media screen and (max-width:369px){.countdownmain{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem}}@media screen and (min-width:768px){.countdownmain{gap:1.5rem}.flips{position:relative;margin-bottom:1rem}span{font-size:13px}h3{letter-spacing:8px;font-size:18px;width:100%}h1{font-size:50px}.topFlip{height:4rem;width:8rem;border-radius:10px}.bottomFlip{height:3.5rem;width:8rem;border-radius:10px}.top{position:relative;margin-top:20%}.bottom{margin-top:-30%}}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Red Hat Text,sans-serif;line-height:1.5;font-weight:700;--Grayishblue: hsl(237, 18%, 59%);--Softred: hsl(345, 95%, 68%);--White: hsl(0, 0%, 100%);--Darkdesaturatedblue: hsl(236, 21%, 26%);--Verydarkblue: hsl(235, 16%, 14%);--Verydarkmostlyblackblue: hsl(234, 17%, 12%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{background-color:#fff;min-height:100vh}