:root{--gray-100:#131313;--gray-500:grey;--gray-900:#b9b9b9;--sepia-900:#fffdf7;--font-family:"Segoe UI",Tahoma,"Avenir Next",sans-serif;--text-col-dark:var(--gray-100);--text-col-light:var(--gray-500);--bg-col:var(--sepia-900);--body-width:900px;--page-margin:0.7em;--h1-font-size:2.8em;--h2-font-size:2.3em;--h3-margin:0em;--bottom-margin:1em}@media (min-width:300px){:root{--h1-font-size:3.5em;--h2-font-size:3em}}@media (min-width:550px){:root{--page-margin:1.5em;--h1-font-size:4em;--h2-font-size:3.5em}}@media (min-width:900px){:root{--h1-font-size:5em;--h2-font-size:4.5em;--h3-margin:2em;--bottom-margin:5em}}html{background-color:#fffdf7;background-color:var(--bg-col);color:#131313;color:var(--text-col-dark);font-family:Segoe UI,Tahoma,Avenir Next,sans-serif;font-family:var(--font-family);font-weight:500;overflow-x:hidden}body{display:flex;flex-direction:column;margin:0;width:auto}#root,body{align-items:center}#root{min-height:100vh;overflow:hidden;padding-left:calc(100vw - 100%);position:relative;width:100%}#root>:not(svg){margin:0 .7em;margin:0 var(--page-margin) 0 var(--page-margin);max-width:900px;max-width:var(--body-width);width:-webkit-fill-available}main{margin:0 0 1em;margin:0 0 var(--bottom-margin) 0}a,a:visited{color:#131313;color:var(--text-col-dark);text-decoration:none}button{background:none;border:none;font-family:Segoe UI,Tahoma,Avenir Next,sans-serif;font-family:var(--font-family);font-size:1em;font-weight:500;margin:0;padding:0}h1.title{font-size:2.8em;font-size:var(--h1-font-size)}h1.title,h2.title{line-height:.9;margin-top:0}h2.title{font-size:2.3em;font-size:var(--h2-font-size);margin-bottom:1.5em;text-align:end}h3.category{font-size:2.5em;margin:0;margin:0 0 0 var(--h3-margin)}.new-line{white-space:pre-line}.flex{display:flex}.flex-right{flex-direction:row-reverse;text-align:right}.flex-column{flex-direction:column}.flex-spacing,nav{justify-content:space-between}nav{display:flex;padding:1em 0 1.5em}.nav-column{font-size:.75em}@media (min-width:300px){.nav-column{font-size:1em;padding:2em 0 2.5em}}@media (min-width:550px){.nav-column{flex:1 1}}@media (min-width:900px){nav{margin-bottom:1em;margin-top:1em}}.col-right{display:flex;flex-direction:column;justify-content:end;position:relative}.col-center{display:flex;justify-content:center}div.col-center>a{margin-right:.5em}a.nav-item.current{text-decoration-color:var(--text-col-dark)}button.menu-button{cursor:pointer;display:grid}.menu-button{text-align:right}.menu{position:absolute;right:0;width:-webkit-max-content;width:max-content}.relative{position:relative}a.nav-item,button{-webkit-text-decoration:underline .05em transparent;text-decoration:underline .05em transparent;transition:text-decoration-color .3s,color .3s}a.nav-item:hover,button:hover{-webkit-text-decoration:underline .05em #000;text-decoration:underline .05em #000}.collapse{opacity:0;transition:visibility .1s,opacity .1s linear;visibility:hidden}.expand{opacity:1;transition:visibility 0s,opacity .1s linear;visibility:visible}img.portrait{--aspect-x:21;--aspect-y:9;--portrait-width:calc(var(--body-width)*0.66);--portrait-max-width:calc(100vw - var(--page-margin)*2);height:calc(var(--portrait-width)/var(--aspect-x)*var(--aspect-y));margin-bottom:10em;max-height:calc(var(--portrait-max-width)/var(--aspect-x)*var(--aspect-y));max-width:var(--portrait-max-width);object-fit:cover;width:var(--portrait-width)}svg.background{display:block;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}circle.palette-1{fill:#ffc8ff}circle.palette-2{fill:#80ffff}circle.palette-3{fill:#ffffb4}
/*# sourceMappingURL=main.4b5f2fd7.css.map*/