2rem); margin: 1rem 0; white-space: normal; text-align: center; text-transform: uppercase; } #container { display: flex; flex-direction: column; min-height: 100vh; /* Full height of the viewport */ visibility: hidden; padding: 0 1rem; box-sizing: border-box; } header { } main { flex: 1; width: 100%; max-width: 700px; margin: auto; box-sizing: border-box; } /* Media query for desktop */ /* @media screen and (min-width: 768px) { main { width: 700px; } } */ footer { font-size: 0.75rem; /* x-small