html { height:100%; box-sizing: border-box; } * { box-sizing: inherit; } body { height: 100%; margin: 0; font-family: Arial, sans-serif; display: grid; grid-template-rows: auto 1fr auto; } header { background-color: rgb(40,53,131); color: white; margin-bottom: 20px; } main, footer { max-width: 1600px; width: 100%; margin: 0 auto; padding: 0 20px; } .hidden { display: none; } .failure { color: #a71717; } .success { color: green; } h2 { margin-top: 0; } header h1 { text-align: center; } a { color: rgb(40,53,131); }