html{background:#ffebcd;padding:0;margin:0;font-size:14px}@media (min-width: 500px){html{font-size:calc(14px + 10 * (100vw - 500px) / 700)}}@media (min-width: 1200px){html{font-size:24px}}html p,html a{text-decoration:none}html a:visited,html a:link{color:#000}*{margin:0;padding:0;box-sizing:border-box}* body{width:100%;min-height:100vh;font-size:1.0rem}header{display:flex;flex-direction:column;padding:4px}@media (min-width: 500px){header{padding:calc(4px + 4 * (100vw - 500px) / 700)}}@media (min-width: 1200px){header{padding:8px}}header div{background-color:#ffebcd;display:flex;flex-wrap:wrap;justify-content:center;align-items:start}header div .hdr-site-title{flex:1 1 auto;font:small-caps 1.2rem Times,"Times New Roman",Georgia,serif;text-shadow:2px 2px white;text-align:left;margin:0 1vw}header div .hdr-site-subtitle{flex:1 1 auto;font:italic 0.9rem Times,"Times New Roman",Georgia,serif;margin:0 0.5vw;text-shadow:1px 1px white;text-align:right}header div.nav{display:flex;list-style-type:none;align-items:stretch;justify-content:center}header div.nav div{font:small-caps 0.6rem Verdana,Arial,Helvetica,sans-serif;flex:1 0;border:solid;border-width:1px;padding:0 1ch;text-align:center}footer{padding:4px;font:small-caps 0.7rem Verdana,Arial,Helvetica,sans-serif}@media (min-width: 500px){footer{padding:calc(4px + 4 * (100vw - 500px) / 700)}}@media (min-width: 1200px){footer{padding:8px}}main{background-color:wheat;border:.2ch solid #deb887;margin:4px;gap:4px;padding:4px}@media (min-width: 500px){main{margin:calc(4px + 4 * (100vw - 500px) / 700);gap:calc(4px + 4 * (100vw - 500px) / 700);padding:calc(4px + 4 * (100vw - 500px) / 700)}}@media (min-width: 1200px){main{margin:8px;gap:8px;padding:8px}}@media (min-width: 0){main{margin-top:0}}main div{background-color:#fff8dc;border:.2ch solid #deb887;margin:0;gap:4px;padding:4px}@media (min-width: 500px){main div{gap:calc(4px + 4 * (100vw - 500px) / 700);padding:calc(4px + 4 * (100vw - 500px) / 700)}}@media (min-width: 1200px){main div{gap:8px;padding:8px}}main div div{border:none}main.homepage{background-color:wheat;border:.2ch solid #deb887;margin:4px;gap:4px;padding:4px;display:flex;flex-direction:row}@media (min-width: 500px){main.homepage{margin:calc(4px + 4 * (100vw - 500px) / 700);gap:calc(4px + 4 * (100vw - 500px) / 700);padding:calc(4px + 4 * (100vw - 500px) / 700)}}@media (min-width: 1200px){main.homepage{margin:8px;gap:8px;padding:8px}}@media (min-width: 0){main.homepage{margin-top:0}}@media (max-width: 480px){main.homepage{flex-direction:column}}main.homepage div.hp-section{flex:1 1;background-color:#fff8dc;border:.2ch solid #deb887;margin:0;display:flex;flex-direction:column;gap:4px;padding:4px}@media (min-width: 500px){main.homepage div.hp-section{gap:calc(4px + 4 * (100vw - 500px) / 700);padding:calc(4px + 4 * (100vw - 500px) / 700)}}@media (min-width: 1200px){main.homepage div.hp-section{gap:8px;padding:8px}}main.homepage div#dailyPoem .dailyPoemSource{text-align:right;font:small-caps 0.7rem Times,"Times New Roman",Georgia,serif}main.homepage div#dailyPoem .dailyPoemContent{background-color:white;padding:4px;border:0.2ch solid;overflow:scroll}@media (min-width: 500px){main.homepage div#dailyPoem .dailyPoemContent{padding:calc(4px + 4 * (100vw - 500px) / 700)}}@media (min-width: 1200px){main.homepage div#dailyPoem .dailyPoemContent{padding:8px}}main.homepage div#dailyPoem .dailyPoemContent h1{text-align:center;font:italic 1.1rem Times,"Times New Roman",Georgia,serif;margin:0.5rem}main.homepage div#dailyPoem .dailyPoemContent code{font:1rem Times,"Times New Roman",Georgia,serif}main.homepage h1{font:small-caps 1rem Times,"Times New Roman",Georgia,serif;text-shadow:2px 2px #ffebcd}main.homepage h2{font:0.7rem Verdana,Arial,Helvetica,sans-serif}main.homepage .authorsAndBooks{background-color:#fff8dc;padding:1ch}main.homepage .authorsAndBooks h1{text-align:left;font:italic 1.1rem Times,"Times New Roman",Georgia,serif}main.homepage .authorsAndBooks ul{list-style:'\2023'}main.homepage .authorsAndBooks li{font-size:0.8rem}main#bookpage{background-color:wheat;border:.2ch solid #deb887;margin:4px;gap:4px;padding:4px}@media (min-width: 500px){main#bookpage{margin:calc(4px + 4 * (100vw - 500px) / 700);gap:calc(4px + 4 * (100vw - 500px) / 700);padding:calc(4px + 4 * (100vw - 500px) / 700)}}@media (min-width: 1200px){main#bookpage{margin:8px;gap:8px;padding:8px}}@media (min-width: 0){main#bookpage{margin-top:0}}main#bookpage div{background-color:#fff8dc;border:.2ch solid #deb887;margin:0;gap:4px;padding:4px}@media (min-width: 500px){main#bookpage div{gap:calc(4px + 4 * (100vw - 500px) / 700);padding:calc(4px + 4 * (100vw - 500px) / 700)}}@media (min-width: 1200px){main#bookpage div{gap:8px;padding:8px}}main#bookpage h1{text-align:center;font:italic bold 1.2rem Times,"Times New Roman",Georgia,serif;margin:0.5rem}main#bookpage h2{text-align:center;font:small-caps 0.9rem Times,"Times New Roman",Georgia,serif;margin:0.5rem}main#bookpage ol,main#bookpage ul{background-color:white;padding:4px;border:0.2ch solid;list-style-position:inside;margin:auto;columns:4 20ch}@media (min-width: 500px){main#bookpage ol,main#bookpage ul{padding:calc(4px + 4 * (100vw - 500px) / 700)}}@media (min-width: 1200px){main#bookpage ol,main#bookpage ul{padding:8px}}main#bookpage ol li,main#bookpage ul li{margin:0 0.5rem;page-break-inside:avoid;break-inside:avoid-column}main#bookpage ol li li::marker,main#bookpage ul li li::marker{margin:5ch}#main-hdr{display:flex;flex-direction:row;margin:0;padding:0;gap:0;border:none}#main-hdr div{flex:auto;margin:0 auto;border:none}#main-hdr .nav-pn{font:small-caps 0.6rem Verdana,Arial,Helvetica,sans-serif;flex:1 0}#main-hdr #nav-prev{text-align:left}#main-hdr #nav-next{text-align:right}#main-hdr .hdr-ref{font:bold 0.8rem Times,"Times New Roman",Georgia,serif;text-shadow:1px 1px white;text-align:center;flex:2 0}article{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff8dc}article code{font:1em Times,"Times New Roman",Georgia,serif}span.bookStatus{font-size:0.5rem;fong-color:grey;display:none}ul#bookList span.bookStatus{display:contents}div.poemContentBox{background-color:white;padding:4px;border:0.2ch solid;overflow:scroll;display:flex;flex-direction:column;justify-content:center}@media (min-width: 500px){div.poemContentBox{padding:calc(4px + 4 * (100vw - 500px) / 700)}}@media (min-width: 1200px){div.poemContentBox{padding:8px}}div.poemContentBox div.poemContent{background-color:white;margin:0 auto}div.poemContentBox div.poemContent h1{text-align:center;font:italic 1.1rem Times,"Times New Roman",Georgia,serif;margin:0.5rem}div.poemContentBox div.poemContent code{font:1rem Times,"Times New Roman",Georgia,serif}div.postContent p{margin:1ch auto;text-indent:1ch}
