@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";*{box-sizing:border-box}html{height:100vh;font-size:62.5%}body{height:100%;margin:0}.header{padding:24px;background-color:#339af0;display:flex;justify-content:center}.header__text{text-transform:uppercase;color:#d0ebff;font-size:3.2rem;font-family:Oswald,"sans-serif";font-weight:700}.main-container{display:flex;flex-direction:column;min-height:100vh;justify-content:space-between}.card-container{display:flex;justify-content:center;gap:1rem}@media screen and (max-width: 495px){.card-container{flex-direction:column;margin:0 auto}}.excuses-card{border:1px solid #333}.footer{padding:24px;background-color:#339af0;display:flex;justify-content:center}.footer__text{font-size:1.6rem;font-family:Oswald,"sans-serif";color:#d0ebff}h1,h2,h3,h4,h5{font-weight:700;line-height:1.2;letter-spacing:-1px;color:#212529}h1{font-size:6.2rem}h2{font-size:4.8rem}h3{font-size:4rem}h4{font-size:3.2rem}h5{font-size:2.4rem}p{font-size:2rem}a{text-decoration:none;font-size:1.6rem;font-family:Oswald,"sans-serif";display:inline-block}.btn{font-weight:1.5;font-size:1.6rem;text-decoration:none;padding:1.5rem 3rem;border-radius:8px;cursor:pointer}.btn:hover,.btn:active{color:#fff;background-color:#1c7ed6;border:1px solid #1c7ed6}.btn.active{background-color:#f08080;color:#fff;border-color:#f08080}.blackboard{display:flex;align-items:flex-start;flex-direction:column;border:1px solid #333;border-radius:8px;padding:0 1.5rem;font-family:Oswald,"sans-serif";max-width:500px;margin:0 auto}.blackboard__text{text-align:center;font-weight:400;letter-spacing:-1px}@media screen and (max-width: 495px){.blackboard{width:90%}}