:root{--font-size: 16px;--font-size-small: 14px;--bg-color: hsl(60, 56%, 91%);--bg-color-dimmed: hsl(60, 45%, 86%);--selection-color: hsl(240, 100%, 50%);--padding-horiz: 1em }html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:var(--font-size);height:100%;display:flex;flex-direction:column;margin:0;background-color:var(--bg-color)}header{display:flex;justify-content:space-between;padding:.3em var(--padding-horiz);background-color:var(--bg-color-dimmed)}header #nav{display:flex;gap:2em}header a{color:#000;text-decoration:none}main{flex-grow:1;min-height:0;display:flex;padding-left:var(--padding-horiz)}main a{color:#000}main nav a{text-decoration:none}main nav{flex:0 0 20%;overflow:auto;padding:2em 1em 0 0}main.small-screen nav{flex:auto}main #body{flex-grow:1;overflow:auto;padding-left:2em;padding-right:var(--padding-horiz)}main.small-screen #body{padding-left:0}main#front #body{display:flex;flex-direction:column;justify-content:space-evenly;text-align:center}main#front #title{font-size:3em}main#front #subtitle{font-size:1.5em}main#front #profile{font-size:1.15em}main#project nav ul{display:flex;flex-direction:column;gap:1em;list-style-type:none;padding-left:1em}main#project nav .selected a{color:var(--selection-color)}main#project nav .tagline{font-size:var(--font-size-small);color:gray}main#project img{max-width:100%}main#project em{color:var(--selection-color);font-style:normal;background-color:#fff}footer{display:flex;justify-content:center;padding:.4em 0 .2em;background-color:#000}footer #icons{display:flex;gap:1.5em}footer a{color:var(--bg-color)}