:root { --bg-color: #303030; --text-color: #EEEEEE; } html { height: 100%; } body { margin: 0; background-color: var(--bg-color); height: 100%; } h1, h2, h3, h4, h5, h6, p { font-family: "Roboto", sans-serif; font-weight: 100; color: var(--text-color); } h1 { font-size: 5em; text-align: center; margin-top: 0; padding-top: 1em; } .flexContainer { display: flex; align-content: center; align-items: center; justify-content: center; height: 100%; } @media (max-width: 800px) { }