@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Text:wght@700&display=swap");*{margin:0;box-sizing:border-box}body{font-family:Red Hat Text,sans-serif}img{display:block;max-width:100%}:root{--Grayish_blue:#65c8b9;--Soft_red:#fff;--White:#fff;--Dark_desaturated_blue:#4bbead;--Very_dark_blue:#aefef2;--Very_dark_blac_blue:#fff;--h-text:1.1rem;--p-text:1.8rem;--s-text:0.5rem;--circle-width:0.25em;--circle-height:0.45em}.primary{font-size:var(--p-text);color:var(--Soft_red);text-align:center}.background{height:-moz-fit-content;height:fit-content}.sub-heading{font-size:var(--s-text);color:var(--Grayish_blue);text-align:center;letter-spacing:.5ch;margin-top:1em}main{display:grid;justify-content:center}.center{align-self:flex-end}.countdown-timer{display:flex;flex-wrap:wrap;justify-content:center;gap:1em}.timer-box{width:4rem;padding:.5rem;text-align:center;background-color:var(--Dark_desaturated_blue);position:relative;border-radius:.25em}.sheet{position:absolute;width:100%;height:50%;left:0;top:0;right:0;background-color:var(--Very_dark_blue);opacity:.35}.flip{transition:transform 1s;transform:translateY(100%) scaleY(-1)}.circle-left{border-top-right-radius:100%;border-bottom-right-radius:100%;left:0}.circle-left,.circle-right{width:var(--circle-width);height:var(--circle-height);position:absolute;background-color:var(--Very_dark_blac_blue);top:45%}.circle-right{border-top-left-radius:100%;border-bottom-left-radius:100%;right:0}.bottom{align-self:end;margin-bottom:4em;display:flex;justify-content:center;gap:2em}.social-icon{cursor:pointer}.social-icon:hover{filter:brightness(0) saturate(100%) invert(54%) sepia(7%) saturate(5054%) hue-rotate(297deg) brightness(99%) contrast(99%)}@media (min-width:1100px){:root{--h-text:1.25rem;--p-text:2rem;--s-text:0.5rem;--circle-width:0.35em;--circle-height:0.65em}.timer-box{width:5rem;padding:.75rem}:root{--p-text:3rem;--s-text:0.75rem;--circle-width:0.4em;--circle-height:0.7em}.timer-box{width:6rem;padding:.75rem}}@media (min-width:1160px){:root{--p-text:4rem}.timer-box{width:8rem;padding:1rem}}@media screen and (min-width:800px){.sub-heading{color:var(--White)}.circle-left,.circle-right{background-color:var(--Dark_desaturated_blue)}.timer-box{background-color:#fff}.sheet{background-color:var(--Dark_desaturated_blue)}.primary{color:var(--Dark_desaturated_blue)}}