:root{--bg-color:#082032;--container-color:#334756;--clock-color:#2ACB7E;--text-color:#f5f5f5;--font-heading:'Poppins',sans-serif;--font-clock:'Digital Numbers',serif;;font-size:100%}@font-face{font-family:"Poppins";src:url('../fonts/Poppins-Regular.ttf')}@font-face{font-family:"Digital Numbers";src:url('../fonts/digital-7.ttf')}*{margin:0;padding:0;box-sizing:border-box;font-size:1rem}body{background-color:var(--bg-color);min-height:100vh;display:flex;flex-direction:column}header{margin-left:3rem;display:flex}.header__content{display:flex;flex-direction:column;justify-content:center}.header__logo__container{padding:2rem 1rem 2rem 0}.logo{width:6.25rem;height:6.25rem}h1,h2{font-family:var(--font-heading);color:var(--text-color)}h1{font-size:1.75rem;font-weight:700}h2{font-size:1rem;font-weight:400}main{margin:auto 5rem;color:var(--clock-color);background-color:var(--container-color);font-family:var(--font-clock);height:25rem;padding:5rem;box-shadow:inset 18px 18px 20px #2C394B,inset -18px -18px 20px #2C394B;border-radius:25px;display:flex;flex-direction:column;justify-content:center}main section{text-align:end;padding:2rem 0}#timeContainer{font-size:10rem}#dateContainer{font-size:4rem}@media (max-width:768px){:root{font-size:87.5%}header{margin-left:1rem}main{margin:auto 1rem;height:fit-content;padding:1rem}#timeContainer{font-size:4.5rem}#dateContainer{font-size:2rem}}