:root{--color-1: #222831;--color-2: #31363F;--color-3: #76ABAE;--color-4: #EEEEEE}html,body{font-family:system-ui,sans-serif;background-color:var(--color-1);color:var(--color-4);padding:0;margin:0}nav{background-color:var(--color-2);padding:1em;display:flex;justify-content:center;align-items:center;gap:1em}nav a{padding:.5em;border-radius:.25em;cursor:pointer;color:var(--color-4)}nav a:hover{background-color:var(--color-1)}main{border-radius:.25em;margin:2em auto;padding:1em;max-width:1280px;background-color:var(--color-2)}img{max-height:40em;object-fit:cover;max-width:100%}