:root{--color: #F6F7F8;--color-background: #011627;--color-highlight: #2EC4B6;--color-accent: #ff3366;--color-subaccent: #20a4f3}header{border-bottom:1px solid var(--color-accent);margin-bottom:1rem;h1{font-weight:lighter}nav ul{list-style:none;padding:0;display:flex;a{padding:10px}}}footer{border-top:1px solid var(--color-accent);margin-top:1rem}body{background-color:var(--color-background);color:var(--color);font-family:sans-serif;line-height:1.5;margin:1rem;max-width:768px}@media screen and (width>968px){body{margin-left:200px}}a{color:var(--color-highlight);text-decoration:none}