@import "https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap";:root{--primary-base:#1e1e2e;--secondary-base:#585b70;--text-color:#cdd6f4;--primary-accent:#89b4fa;--secondary-accent:#f38ba8}*{box-sizing:border-box}html body{display:flex;flex-direction:column;background-color:var(--primary-base);min-height:100vh;min-height:100dvh;color:var(--text-color);font-style:normal;font-weight:400;font-size:18px;font-family:"source serif 4";font-optical-sizing:auto}html body header nav{display:flex;position:fixed;top:0;left:0;align-items:center;z-index:10;background-color:var(--primary-base);padding:10px 0;width:100%;height:70px}html body header nav .navbox{display:flex;align-items:center;padding:0 5vw;width:100%;height:100%}html body header nav .navbox a{display:flex;align-items:center;height:44px;color:inherit;text-decoration:none}html body header nav .navbox .home-link{margin:0 auto 0 0}html body header nav .navbox .home-link .logobox{width:50px;height:50px}html body header nav .navbox .home-link .logobox svg{width:100%;height:100%}html body header nav .navbox .home-link .logobox svg path{fill:var(--text-color)}html body header nav .navbox svg{width:32px;fill:var(--text-color)}html body header nav .navbox .open-sidebar-button{display:none}html body header nav .navbox #sidebar-active{display:none}html body header nav .navbox .links-container{display:flex;flex-direction:row;align-items:center}html body header nav .navbox .links-container .close-sidebar-button{display:none}html body header nav .navbox .links-container .close-sidebar-button svg{width:32px;fill:var(--text-color)}html body header nav .navbox .links-container .inactive-page{border-radius:5px;padding:0 2em}html body header nav .navbox .links-container .inactive-page:hover{background-color:var(--primary-accent);color:var(--primary-base)}html body header nav .navbox .links-container .active-page{border-radius:5px;background-color:var(--secondary-accent);padding:0 2em;color:var(--primary-base)}html body header nav .navbox .links-container .active-page:hover{background-color:var(--primary-accent);color:var(--primary-base)}html body header nav .navbox .links-container #theme-switch{display:flex;justify-content:center;align-items:center;cursor:pointer;border-width:0;border-radius:5px;background-color:var(--primary-base);width:44px;height:44px}html body header nav .navbox .links-container #theme-switch svg{width:24px;height:24px;fill:var(--text-color)}html body header nav .navbox .links-container #theme-switch svg:first-child{display:block;visibility:visible}html body header nav .navbox .links-container #theme-switch svg:last-child{display:none;visibility:hidden}html body header nav .navbox .links-container #theme-switch:hover{background-color:var(--primary-accent)}html body header nav .navbox .links-container #theme-switch:hover svg{fill:var(--primary-base)}html body main{flex-grow:1;margin:auto;margin-top:70px;width:calc(min(975px,90%));font-size:18px}html body main a{color:var(--secondary-accent)}html body main h1{border-bottom:dotted;border-width:1px;border-radius:1px}html body main h1 a,html body main h2 a{color:inherit;text-decoration:none}html body main blockquote{display:flex;position:relative;justify-content:center;align-items:center}html body main blockquote div{flex:1;margin:20px 0;font-style:italic}html body main blockquote div cite{float:right;font-style:normal}html body main blockquote div cite a{color:inherit;text-decoration:underline}html body main blockquote div cite::before{content:"\2014"}html body main blockquote::before{position:absolute;top:-10px;left:-30px;margin-right:2rem;content:open-quote;color:var(--secondary-base);font-weight:700;font-size:60px}html body main blockquote::after{position:absolute;right:-30px;bottom:-30px;margin-left:2rem;content:close-quote;color:var(--secondary-base);font-weight:700;font-size:60px}html body main .gallery{display:flex;flex-wrap:wrap;place-content:center;gap:1em;margin-top:50px}html body main .gallery a{text-decoration:none}html body main .gallery a img{max-width:90vw;max-height:300px}html body footer{display:flex;flex-direction:column;width:100%}html body footer .container{display:flex;border-top:1px dotted var(--secondary-accent);padding:0 20px 30px}html body footer .container .contact{flex-grow:1;flex-basis:100%;margin:10px}html body footer .container .contact .contact-buttons{display:flex;flex-wrap:wrap;gap:20px}html body footer .container .contact .contact-buttons div{display:flex;position:relative;flex-direction:column;align-items:center}html body footer .container .contact .contact-buttons div span{position:absolute;opacity:0;transition:.3s cubic-bezier(.42,0,.44,1.68);cursor:text;border-radius:50vh;background-color:var(--logo-color);padding:0;height:42px;color:#fff;font-size:0;line-height:42px;user-select:text;white-space:nowrap}html body footer .container .contact .contact-buttons div a{display:flex;flex-shrink:0;justify-content:center;place-items:center;border-radius:24px;background-color:var(--text-color);width:48px;height:48px}html body footer .container .contact .contact-buttons div a svg{height:32px;fill:var(--primary-base)}html body footer .container .contact .contact-buttons div:has(>a:hover) span,html body footer .container .contact .contact-buttons div:has(>span:hover) span{transform:translateY(-50px);opacity:100%;transition:.3s cubic-bezier(.42,0,.44,1.68);padding:0 8px;font-size:16px}html body footer .container .contact .contact-buttons div:has(>a:hover) a,html body footer .container .contact .contact-buttons div:has(>span:hover) a{background-color:var(--logo-color)}html body footer .container .contact .contact-buttons div:has(>a:hover) a svg,html body footer .container .contact .contact-buttons div:has(>span:hover) a svg{fill:#fff}html body footer .container .contact .contact-buttons div:has(>a:hover) a::before,html body footer .container .contact .contact-buttons div:has(>span:hover) a::before{position:absolute;top:-8px;opacity:0;width:48px;height:32px;content:""}html body footer .container .connect{flex-grow:1;flex-basis:100%;margin:10px}html body footer .container .connect .connect-buttons{display:flex;flex-wrap:wrap;gap:20px}html body footer .container .connect .connect-buttons div{display:flex;position:relative;flex-direction:column;align-items:center}html body footer .container .connect .connect-buttons div span{position:absolute;opacity:0;transition:.3s cubic-bezier(.42,0,.44,1.68);cursor:text;border-radius:50vh;background-color:var(--logo-color);padding:0;height:42px;color:#fff;font-size:0;line-height:42px;user-select:text;white-space:nowrap}html body footer .container .connect .connect-buttons div a{display:flex;flex-shrink:0;justify-content:center;place-items:center;border-radius:24px;background-color:var(--text-color);width:48px;height:48px}html body footer .container .connect .connect-buttons div a svg{height:32px;fill:var(--primary-base)}html body footer .container .connect .connect-buttons div:has(>a:hover) span,html body footer .container .connect .connect-buttons div:has(>span:hover) span{transform:translateY(-50px);opacity:100%;transition:.3s cubic-bezier(.42,0,.44,1.68);padding:0 8px;font-size:16px}html body footer .container .connect .connect-buttons div:has(>a:hover) a,html body footer .container .connect .connect-buttons div:has(>span:hover) a{background-color:var(--logo-color)}html body footer .container .connect .connect-buttons div:has(>a:hover) a svg,html body footer .container .connect .connect-buttons div:has(>span:hover) a svg{fill:#fff}html body footer .container .connect .connect-buttons div:has(>a:hover) a::before,html body footer .container .connect .connect-buttons div:has(>span:hover) a::before{position:absolute;top:-8px;opacity:0;width:48px;height:32px;content:""}html body footer .copyright{display:flex;justify-content:center;align-items:center;border-top:1px dotted var(--secondary-accent);padding:5px 0;font-size:16px;text-align:center}html body footer .copyright .hugo{display:flex;place-items:center;margin-right:auto}html body footer .copyright .hugo svg{height:18px;fill:#ff4088;padding:0 0 0 5px}html body footer .copyright .license{display:flex;place-items:center;color:inherit;text-decoration:none}html body footer .copyright .license span{transform:rotate(180deg);padding:0 0 0 5px}html body footer .copyright .license svg{width:20px;height:18px;fill:var(--text-color);margin:0;padding:0 0 0 5px}html .photoswipe .photonav{display:flex;align-content:center;justify-content:flex-end;align-items:center;gap:15px;padding:0 5vw;width:100%;height:70px}html .photoswipe .photonav p{place-content:center;margin-right:auto;border-radius:5px;background-color:var(--primary-accent);padding:.25rem 1rem;color:var(--primary-base)}html .photoswipe .photonav a svg{width:32px;fill:var(--text-color)}html .photoswipe main{margin-top:70px;width:calc(min(975px,100%))}html .photoswipe main .drawing{display:flex;place-content:center;margin-bottom:1em}html .photoswipe main .drawing .photoswipe-prev-page{position:fixed;top:50%;left:0;opacity:70%}html .photoswipe main .drawing .photoswipe-prev-page svg{fill:var(--text-color);width:64px}html .photoswipe main .drawing .photoswipe-next-page{position:fixed;top:50%;right:0;opacity:70%}html .photoswipe main .drawing .photoswipe-next-page svg{fill:var(--text-color);width:64px}html .photoswipe main .drawing img{max-width:100%;max-height:calc(100vh - 70px)}html .lightmode{--primary-base:#eff1f5;--secondary-base:#acb0be;--text-color:#4c4f69;--primary-accent:#7287f7;--secondary-accent:#d20f39}html .lightmode header nav .navbox .links-container #theme-switch svg:first-child{display:none;visibility:hidden}html .lightmode header nav .navbox .links-container #theme-switch svg:last-child{display:block;visibility:visible}@media screen and (max-width:784px){html body header nav .navbox #sidebar-active:checked~.links-container{right:0}html body header nav .navbox #sidebar-active:checked~#overlay{position:fixed;top:0;left:0;opacity:.9;z-index:10;cursor:pointer;background-color:var(--primary-base);width:100vw;height:100vh}html body header nav .navbox .open-sidebar-button{display:block;cursor:pointer}html body header nav .navbox .links-container{position:fixed;top:0;right:-100%;flex-direction:column;align-items:flex-start;z-index:20;transition:.3s ease;background-color:var(--primary-base);width:300px;height:100vh}html body header nav .navbox .links-container .close-sidebar-button{display:block;cursor:pointer;margin:20px 30px}html body header nav .navbox .links-container .active-page{box-sizing:border-box;padding:10px 30px;width:100%;height:auto}html body header nav .navbox .links-container .inactive-page{box-sizing:border-box;padding:10px 30px;width:100%;height:auto}html body header nav .navbox .links-container #theme-switch{justify-content:flex-start;box-sizing:border-box;background-color:var(--primary-base);padding:10px 30px;width:100%;height:auto}html body footer .container{flex-direction:column}}