* { margin: 0; padding: 0; } body { height: 100vh; display: flex; flex-direction: column; } nav { padding: 1em; display: flex; justify-content: space-around; } header { width: auto; margin: auto 0; flex-grow: 0; flex-shrink: 0; } header, footer { background-color: #4c8ed2; color: #403f46; } header div h1 { font-size: 2.75em; display: inline; } .greeting { width: 50%; display: flex; flex-direction: column; } .buttons { display: flex; align-items: center; justify-content: flex-end; } button { font-size: 1.25em; margin: 5px; padding: 10px; border-radius: 10px; color: #403f46; background-color: #1cb9b5; box-shadow: 10px 5px 5px #67cbc4; } button span { vertical-align: middle; padding-left: 5px; padding-right: 5px; } main { padding: 0.5em; background-color:#9a6db6; display: flex; justify-content: center; align-items: center; flex-grow: 1; margin: auto 0; width: auto; } .cat-img { margin: 3px; height: 450px; width: auto; border-radius: 10px; border: 5px solid #6d5a8c; } footer { width: auto; margin: auto 0; flex-grow: 0; flex-shrink: 0; } footer p { padding: 1em; text-align: center; font-size: 1.5em; }