body { margin: 0; padding: 0; } section { min-height: 100vh; } footer { padding: 1em; text-align: center; background-color: white; } nav ul { display: flex; flex-direction: row; } nav ul li { list-style: none; padding-left: 2em; } nav ul a { color: black; } header, section { padding: 1em; } body { background-color: black; background-image: url("/media/pictures/earth-resized.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: 50%; } div.container.flip { height: 30em; } div.container { background-color: white; padding: 2em; } div.container.flip:nth-child(even) { background-color: white; } div.container.flip:nth-child(odd) { background-color: transparent; height: 40em; } a img { max-height: 1em; border-radius: 10%; } footer a { text-decoration: none; color: black } #map { height: 40em; }