body { margin: 0; background-color: #0b0a16; color: #FFF; font-size: 100%; font-family: 'Lato', sans-serif; } a, a:visited { color: #FFF; } a:hover { color: #CCC; } .container { text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100vh; padding: 20%; box-sizing: border-box; font-size: 1.2em; } .container img { display: block; width: 20%; border-radius: 50%; margin: 1em; } .links { display: flex; width: 100%; justify-content: space-evenly; font-size: 4em; margin-top: 0.5 em; } h1 { font-family: 'Elsie', cursive; font-size: 2.5em; } @media (max-width: 720px) { .container img { width: 30%; margin: 0.5em; } .links { font-size: 2em; } }