*, ::after, ::before { box-sizing: border-box; } html { height: 100vh; } body { margin: 0; padding: 0; height: 100vh; font-family: "Caveat", sans-serif; color: #ffffff; text-align: center; background: #310 url("bg.webp") no-repeat center bottom / cover fixed; display: grid; grid-template-rows: 50vh max-content auto; text-shadow: 0 0 2px #000, 0 0 4px #000; } h1 { margin: 0; padding: 1rem; font-size: 3rem; font-weight: bold; align-self: flex-end; } p { align-self: flex-start; font-size: 2rem; margin: 0; padding: 1rem; padding-top: 0; } a { align-self: flex-start; font-size: 1.25rem; padding: 1rem; padding-top: 0; color: inherit; }