body { background-color: #000000; color: rgba(255, 255, 255, 1); max-width: 80%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); max-height: 80%; margin: auto; } /* For mobile phones: */ img { max-width: 20em; } @media only screen and (min-width: 1300px) { /* For desktop: */ img { max-width: 50%; } } a { color: rgba(200, 200, 200, 0.8); } a:hover { color: rgba(200, 200, 200, 1); }