header{margin:20px 0;padding:0 20px}header h1{display:none}nav.main-navigation{height:50px;line-height:50px;padding:0 20px}nav.main-navigation a{border-right:1px solid var(--accompanying-color);padding:0 10px;text-decoration:none;color:#fff}nav.main-navigation a:hover{text-decoration:underline}nav.main-navigation a:last-of-type{border-right:none}footer{padding:10px;background-color:var(--light-color);line-height:40px}footer a{text-decoration:underline;color:var(--darkest-color)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--darkest-color: #0f5e9c;--dark-color: #2389da;--neutral-color: #1ca3ec;--accompanying-color: #5abcd8;--light-color: #74ccf4 }body{margin:0}#container{display:flex;flex-direction:column;min-height:100dvh}#content{flex:1;height:100vh}article a{color:var(--dark-color)}main,footer{padding:0 20px}h1{font-size:1.4em}h2{font-size:1.3em}h3{font-size:1.1em}h1,h2,h3,h4{margin-block-start:.5em;margin-block-end:.5em}p{margin-block-start:.8em;margin-block-end:.8em}article figure{float:right}figure{border:1px solid var(--neutral-color);padding:10px;text-align:center}figcaption{font-size:.8em;font-style:italic;text-align:center}.sky{background-color:var(--neutral-color)}.sea-foam{background-color:var(--accompanying-color)}.sea{background-color:var(--light-color)}.dawn{background-color:var(--dark-color)}.dusk{background-color:var(--darkest-color)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}