: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{display:flex;gap:1em;flex-grow:1;min-height:0}main nav{flex:0 0 20%;overflow:auto;padding:2em var(--padding-horiz) 0}main.small-screen nav{flex:auto}main article{flex-grow:1;overflow:auto;padding:0 var(--padding-horiz)}main a{color:#000}main nav a{text-decoration:none}main#front article{display:flex;flex-direction:column;justify-content:space-evenly;text-align:center}main#front #title{font-size:48px}main#front.small-screen #title{font-size:42px}main#front #subtitle{font-size:24px}main#front.small-screen #subtitle{font-size:22px}main#front #person{font-size:1.15em;line-height:1.3}main#project nav{line-height:1.3}main#project nav ul{display:flex;flex-direction:column;gap:1.3em;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 article{line-height:1.5}main#project img,main#project video{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)}