@font-face{font-family:"Architype Renner";src:local("Architype Renner"),url("fonts/ArchitypeRenner-Regular.otf");font-display:swap}@font-face{font-family:"Architype Renner";src:local("Architype Renner Demi"),url("fonts/ArchitypeRenner-Demi.otf");font-display:swap;font-weight:700}html{--background-color: #002b36;--navbar-button-color: #073642;--focus-navbar-button-color: #084d5e;--accent-color: #d33682;--accent-background-color: #57092f;--text-color: #fdf6e3}@media screen and (prefers-color-scheme: dark){html{--background-color: aliceblue;--navbar-button-color: #d5dae3;--focus-navbar-button-color: #c8d2e6;--accent-color: #c21167;--accent-background-color: #ff6bb3;--text-color: #002b36}}html[data-theme="dark"]{--background-color: aliceblue;--navbar-button-color: #d5dae3;--focus-navbar-button-color: #c8d2e6;--accent-color: #c21167;--accent-background-color: #ff6bb3;--text-color: #002b36}html[data-theme="light"]{--background-color: #002b36;--navbar-button-color: #073642;--focus-navbar-button-color: #084d5e;--accent-color: #d33682;--accent-background-color: #57092f;--text-color: #fdf6e3}body{display:flex;flex-direction:column;margin:0px;height:100%;background-color:var(--background-color)}p{padding:0;margin-top:0px;margin-bottom:0px}main>p{margin-bottom:16px}h1,h2,h3,nav,.top-bar{font-family:"Architype Renner",Futura,"Proxima Nova","Century Gothic",sans-serif;color:var(--accent-color)}code{font-family:"Fira Code", "Fira Mono", "Roboto Mono", "Inconsolata", "Jetbrains Mono", monospace;line-height:1.6;font-size:1rem;color:var(--text-color);background-color:var(--navbar-button-color);border-radius:5px;padding:1px 3px}main>p,main>ul,aside,footer,details{font-family:Inter,"Fira Sans",Roboto,Helvetica,Arial,sans-serif;line-height:1.8;font-size:20px;color:var(--text-color);letter-spacing:-0.017em}h1{font-weight:normal;font-size:100px;margin:50px auto 20px;text-align:center;letter-spacing:-0.02em}.notfound-header{font-size:200px}h2{font-size:30px;margin:40px 0 0}h3{font-size:20px;margin-bottom:0px}hr{margin:0;margin-top:-2px;margin-bottom:30px;padding:0;border:none;border-top:3px solid var(--accent-color)}a{color:var(--accent-color)}ul{list-style:none}ul li::before{content:"◇ ";color:var(--accent-color);display:inline-block;width:1em;margin-left:-1em}html{height:100%;margin:0%}main{max-width:800px;margin:0 auto;padding:12px}.top-bar{display:flex;justify-content:space-between;padding:12px;padding-top:0px;line-height:1;font-size:1.1rem}.top-bar nav{display:flex;flex-grow:1;flex-wrap:nowrap}.top-bar nav a{padding:10px;padding-right:20px;padding-left:20px;margin-left:10px;margin-right:10px;text-decoration:none;background-color:var(--navbar-button-color);border-radius:10px;border-top-left-radius:0%;border-top-right-radius:0%}.top-bar nav a:hover,.top-bar nav a:focus{background-color:var(--focus-navbar-button-color)}.top-bar button{font-family:"Architype Renner",Futura,"Proxima Nova","Century Gothic",sans-serif;background-color:var(--navbar-button-color);color:var(--accent-color);border:none;padding:10px}.top-bar button :hover{background-color:var(--focus-navbar-button-color)}.top-bar button :focus{border:none;background-color:var(--focus-navbar-button-color)}.top-bar button svg{display:none}@supports (grid-template-rows: masonry){.projects{display:grid;gap:10px;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));grid-template-rows:masonry}}@supports not (grid-template-rows: masonry){.projects{margin:0}.projects .project{width:240px;margin-bottom:10px}}.projects .project{border:1px solid blue;font-family:Inter,"Fira Sans",Roboto,Helvetica,Arial,sans-serif;color:var(--text-color);padding:10px;border-radius:10px;background-color:var(--navbar-button-color)}.projects .project h2{margin-top:0px}.broken-link{text-decoration:line-through;cursor:not-allowed}.squircle{clip-path:url(#squircleClip)}.ss01{font-feature-settings:"ss01"}.ss03{font-feature-settings:"ss03"}footer{line-height:1.6;font-size:0.9rem;display:flex;color:var(--accent-color);background-color:var(--navbar-button-color);flex-shrink:0;margin:0px;padding:12px;justify-content:center}.footer-item{margin:12px}.content{flex:1 0 auto}@media only screen and (max-width: 1100px){h1{font-size:60px}}@media only screen and (max-width: 600px){.content{hyphens:auto}.top-bar{display:flex;padding:0px}.top-bar>button{float:right;border-top-left-radius:10px}nav>a{margin:0px;border-radius:0px;padding-left:10px;padding-right:10px}nav{border-bottom-right-radius:10px}h1{margin:25px auto;font-size:35px}main{margin-top:-30px}footer{display:block}}@media only screen and (max-width: 450px){.top-bar>button>svg{display:block}.top-bar>button>.switch-themes{display:none}.notfound-header{font-size:100px}}