/* Plain CSS, no frameworks. Edit colors here. */
:root{--paper:#efe4c8;--ink:#1c1a17;--navy:#1f2f4d;--burgundy:#6e1f2b;--rule:#a99466}
*{box-sizing:border-box}
html{font-size:112.5%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Palatino Linotype",Palatino,"Times New Roman",serif;line-height:1.65}
.page{max-width:38rem;margin:0 auto;padding:2.5rem 1.25rem 3rem}
header{text-align:center;padding-bottom:1.25rem;border-bottom:4px double var(--rule)}
header .name{font-size:1.5rem;line-height:1.3;color:var(--navy);margin:0}
header .building{margin:.4rem 0 0;font-style:italic;color:var(--burgundy)}
nav{margin-top:1.1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.4rem}
nav a{color:var(--navy);text-decoration:none;padding:.15rem 0;border-bottom:2px solid transparent}
nav a:hover,nav a[aria-current="page"]{border-bottom-color:var(--burgundy)}
a{color:var(--burgundy)}
a:focus-visible{outline:3px solid var(--navy);outline-offset:2px}
h1{font-size:1.6rem;color:var(--navy);text-align:center;margin:2rem 0 1rem;font-weight:normal}
h2{font-size:1.2rem;color:var(--burgundy);margin:2rem 0 .4rem;font-weight:bold}
p{margin:0 0 1rem}
hr{border:0;border-top:1px solid var(--rule);margin:2rem 0}
.verse{font-style:italic;margin:1.5rem 1rem;padding-left:1rem;border-left:3px solid var(--burgundy)}
dl.times{margin:0}
dl.times div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 1rem;padding:.55rem 0;border-bottom:1px dotted var(--rule)}
dl.times dt{font-weight:bold}
dl.times dd{margin:0}
address{font-style:normal;margin:0 0 1rem}
footer{margin-top:2.5rem;padding-top:1rem;border-top:4px double var(--rule);text-align:center;font-size:.9rem}
@media (max-width:30rem){html{font-size:106%}dl.times div{display:block}}