body{--general-font: "Inter", sans-serif;font-family:var(--general-font);font-optical-sizing:auto;font-style:normal;--global-padding: .7em;--background-color: white;--link-color: #db17b4;--body-text-color: rgb(0, 0, 0);--highlight-color: rgb(238, 238, 238);--list-text-color:#808080;--list-text-highlight:rgb(0, 0, 0);--menu-width: auto;background-color:var(--background-color);--global-line-height: 1.2em;--global-weight: 300;line-height:var(--global-line-height);font-size:22px;font-stretch:normal;font-weight:var(--global-weight);margin:0;height:100vh;height:100dvh;width:100vw;width:100dvw;color:var(--body-text-color);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start}body::-webkit-scrollbar{display:none}.info{padding:var(--global-padding) var(--global-padding);height:calc(100% - var(--global-padding)*2);width:calc(50% - var(--global-padding) * 2);display:flex;flex-direction:column;overflow:hidden;align-items:baseline}html,body{overscroll-behavior:none}h3,h2,em{transition:all .5s ease}.name{position:sticky;width:100%}h3{margin-block-start:0em;margin-block-end:0em;color:#000;font-size:1em;font-weight:300}h2{font-size:1em;margin-block-start:.5em;margin-block-end:.5em;font-weight:500;color:var(--body-text-color)}a{color:var(--link-color);font-weight:300;text-decoration:underline}a:hover{text-decoration:none}p{color:var(--body-text-color);margin:0}sup{color:var(--link-color);font-weight:300;font-size:.7em}details summary{list-style:none}details summary::-webkit-details-marker{display:none}details>summary{line-height:1em;font-size:1em;font-weight:300}summary{cursor:pointer;width:fit-content}summary:hover{color:var(--list-text-color)}.post{font-size:.9em;font-weight:400;list-style:none;padding-inline-start:1.2em;line-height:1em;margin-block-start:1em;margin-block-end:1em}.post details p{display:none}.post h2,p,.post details summary{padding-top:0;color:var(--body-text-color);line-height:1em;padding-bottom:.5em;font-size:.9em}.post details summary{font-family:var(--general-font);font-size:.9em;line-height:1em;cursor:pointer;padding-top:0;padding-bottom:.5em;text-align:left;color:var(--link-color);font-weight:300;text-decoration:underline}.post details summary:hover{text-decoration:none}.menu::-webkit-scrollbar{display:none}.menu{margin-top:3em;padding-bottom:var(--global-padding);display:flex;overflow:scroll;flex-direction:column;width:100%}.close-button{font-family:var(--general-font);font-size:.9em;font-weight:300;background:none;border:none;cursor:pointer;color:var(--link-color);text-decoration:underline;padding:0;font-size:calc(.5em + 4px);vertical-align:baseline;position:relative}.close-button:hover{text-decoration:none}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-select:none;-webkit-user-select:none}body:has(.img-container img:hover) .img-description{color:var(--link-color)}.img-container{padding:var(--global-padding);display:flex;justify-content:center;align-items:center;position:fixed;flex-direction:column;z-index:0;right:0;width:calc(50% - var(--global-padding)*2);height:calc(100% - var(--global-padding)*2);overflow:hidden}.img-container img{max-width:100%;max-height:100%;object-fit:contain;height:auto;width:auto}.display-img{padding:calc(var(--global-padding));display:flex;justify-content:center;align-items:center;margin-top:auto;margin-bottom:auto;max-height:calc(100% - (var(--global-padding)))}.img-description{width:calc(100% - var(--global-padding) *2);font-family:var(--general-font);text-align:left;font-size:calc(.5em + 4px);padding-top:1em;font-weight:500;color:var(--list-text-color)}.post details figure,.post details img{display:none}.nav-button{text-align:center;width:7em;font-family:var(--general-font);font-size:.9em;padding:0;background:none;border:none;cursor:pointer;z-index:0;color:var(--link-color);text-decoration:none}.prev{text-align:left}.next{text-align:right}.btnWrap{font-weight:470;position:absolute;left:var(--global-padding);top:var(--global-padding);display:flex;flex-direction:row;justify-content:space-between;width:calc(100% - var(--global-padding)*2);padding-bottom:1em;background-color:#fff}.canvas{display:none}.logo{position:fixed;z-index:0;left:50%;height:3em;transform:translate(-100px);bottom:var(--global-padding)}svg{opacity:.8;height:3em;width:200px}svg image{height:100%;width:100%}@media only screen and (max-width: 768px){body{font-size:25px;-webkit-text-size-adjust:100%}body{--global-padding: .5em}h2,i{font-weight:400}em,h3{font-weight:300}.post{margin-top:.75em;margin-bottom:1em;font-weight:300;padding-inline-start:1em;text-align:left;font-size:.8em}.post h2,p,.post details summary{padding-bottom:.5em;line-height:var(--global-line-height);max-width:100%;overflow-x:hidden}.post details summary{text-decoration:underline!important}.post details summary:hover{text-decoration:none}.menu{margin-top:1em;padding-top:2em;margin-bottom:0;padding-bottom:2em}.info{position:fixed;overflow:hidden;width:calc(100% - var(--global-padding) * 2);height:calc(100% - var(--global-padding) * 2)}.name{text-align:left}summary:hover{color:var(--body-text-color)}summary{width:100%}details{text-align:left}.img-container{width:calc(100% - var(--global-padding)*2)}.display-img{padding:0;max-height:100%}.canvas{display:block}.btnWrap{background-color:transparent;font-size:.8em}.close-button:hover{text-decoration:underline}.img-description{color:var(--body-text-color);font-weight:300;font-size:.5em;display:none}body:has(.img-container img:hover) .img-description{color:var(--body-text-color)}.logo{display:flex;align-items:center;flex-direction:row;justify-content:center;height:2.5em;width:100%;bottom:var(--global-padding);left:0;transform:none;background-image:linear-gradient(transparent 10%,#fff 90%)}svg{opacity:.8;height:2.5em;width:3em;transition:opacity .5s ease}svg.opened{opacity:0;transition:opacity .2s ease}.logo.opened{height:1em;transition:height 1s ease}svg image{height:100%;width:100%}.img-container img{width:auto;max-height:100vh;max-height:100dvh;object-fit:scale-down}.img-container{padding:0em var(--global-padding);height:100%}details>summary{padding-bottom:.25em}}@media only screen and (min-width: 2500px){body{font-size:25px;-webkit-text-size-adjust:100%}}@font-face{font-family:Inter;src:url(/assets/fonts/Inter/Inter-Regular.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/Inter/Inter-Italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}