* { margin: 0; padding: 0; box-sizing: border-box; } html { font-size: 62.5%; /* 1rem = 10px */ } body { font-family: "Lato", sans-serif; font-weight: 400; line-height: 1.7; color: #777; background-color: rgba(245, 245, 245, 0.5); display: flex; flex-direction: column; min-height: 100vh; } /* Header */ .header { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 2rem; font-size: 1.6rem; } .logo { max-width: 250px; height: auto; margin-bottom: 2rem; } .title { font-size: 2.4rem; color: #333; } /* Footer */ .footer { text-align: center; background-color: #e9e9e9; font-size: 1.5rem; padding: 1rem; } .footer a { text-decoration: none; color: #000; } /* Media Queries */ @media (max-width: 600px) { .title { font-size: 2rem; } .logo { max-width: 200px; } }