body { margin: 0; background-color:black; min-height: 100vh; display: grid; grid-template-rows: auto 1fr auto; } * { font-family: monospace; color: white; } h1 { font-size: 72px; text-align: center; } h2 { font-size: 32px; text-align: center; } h3 { font-size: 24px; text-align: center; } p { font-size: 14px; text-align: left; } footer p { text-align: center; } @media screen and (min-width: 480px) { .center-div { min-width: 480px; max-width: 40ch; width: fit-content; margin-left: auto; margin-right: auto; } } @media screen and (max-width: 480px) { .center-div { width: 100%; margin-left: 10px; margin-right: 10px; } } .btn-group { display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; gap: 10px; } .btn-group a { background-color: #00ff00; /* Green background */ color: black; /* White text */ padding: 10px; /* Some padding */ cursor: pointer; /* Pointer/hand icon */ border: none; text-decoration: none; } .btn-group button:hover { background-color: #008800; }