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: 20vw; margin: 1em; } .img img { border-radius: 50%; } .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: 35vw; margin: 0.5em; } .links { font-size: 2em; } }