*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{display:flex;flex-direction:column;font-family:Georgia,serif;line-height:1.5rem;background-color:#fdfcf9;color:#2b2b2b;font-size:18px;min-height:100dvh}ul{list-style:none}a{text-decoration:none;color:inherit;transition:color .3s ease}a:hover{color:#7d5a50}header{background:#fff;padding:1rem;border-bottom:1px solid #e0e0e0;box-shadow:0 .125rem .25rem #0000000d}header h1{font-size:2.5rem;text-align:center;font-weight:400;color:#3c3c3c}.main-wrapper{display:flex;flex-direction:column;flex-grow:1;align-items:stretch}main{padding:1rem auto;flex-grow:1}footer{text-align:end;padding:1rem;border-top:1px solid #ddd;font-style:italic;color:#555}#menu-toggle{display:none}nav{display:flex;flex-direction:column;gap:1rem;background:#f8f7f3;padding:1rem}nav header{display:none}nav ul{display:flex;flex-direction:column;gap:.5rem}nav ul li a{display:block;padding:.4rem;border-radius:.25rem;transition:background-color .3s,color .3s}nav ul li a.selected{background-color:#eee7dd;color:#4a3b35;border-left:.25rem solid #b87d5c}.menu-label{display:flex;justify-content:space-between;align-items:center;background:#f0efeb;padding:1rem;cursor:pointer}.menu-label span{font-weight:600;color:#5a5a5a}.hamburger{width:1.5rem;height:.125rem;background-color:#444;position:relative;transition:background-color .3s}.hamburger:before,.hamburger:after{content:"";position:absolute;width:1.5rem;height:.125rem;background-color:#444;transition:all .3s ease}.hamburger:before{top:-.5rem}.hamburger:after{top:.5rem}#menu-toggle~nav{display:none}#menu-toggle:checked~nav{display:flex}.poem{display:block;max-width:100rem;margin:0 auto}@media (min-width: 48rem){nav header{text-align:left;padding-left:2rem;display:block}.menu-label{display:none}.main-wrapper{flex-direction:row}#menu-toggle~nav,#menu-toggle:checked~nav{display:flex;border-right:1px solid #e0e0e0;justify-content:space-between;min-height:100dvh}nav ul{flex-direction:column}main{overflow-y:auto;padding:2rem}}