:root{--black:#16161d;--white:#fff;--gold:#fec700;--font-head:"Oswald",sans-serif;--font-subhead:"Radley",serif;--font-body:"Proza Libre",sans-serif;--screen-sm:768px;--screen-md:992px;--screen-lg:1200px}*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{padding:0;margin:0;font-family:var(--font-body);font-size:16px}h1{font-family:var(--font-head);font-size:3em}h2,h3,h4,h5,h6{font-family:var(--font-subhead)}h2{font-size:2.5em}h3{font-size:1.5em}a{color:inherit;text-decoration:none}p{line-height:1.75}a:hover,a h2:hover,a h3:hover,li:hover a,p a{border-bottom:1px solid var(--black)}aside{font-family:var(--font-subhead);width:75%}.container{width:100%;min-height:100vh;padding:0 .5rem;height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}nav{position:absolute;top:1rem;left:1rem}main{padding:2rem 0}@media only screen and (min-width:768px){main{width:50vw}}article{padding:1rem}.annotation{position:relative;border-bottom:2px solid var(--gold)}.annotation .annotation-content{display:none;border:1px solid var(--black);background:var(--gold);position:absolute;top:0;left:0;padding:.5em;font-size:.8em}.annotation:hover{background:var(--gold)}.annotation:hover .annotation-content{display:block;min-width:350px}