*,*:before,*:after{box-sizing:border-box}*{padding:0;margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-synthesis:none;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}@font-face{font-family:Archivo;src:url(/fonts/Archivo/Archivo-VariableFont_wdth,wght.ttf)}@font-face{font-family:HomemadeApple;src:url(/fonts/Homemade_Apple/HomemadeApple-Regular.ttf)}@font-face{font-family:RX100;src:url(/fonts/RX100_Complete/Fonts/OTF/RX100-Regular.otf)}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}:root{cursor:default}body{line-height:1.5em}html{background:#252521;color:#ffffe3;--border-color: rgb(35, 35, 35);background:#111;background:#0c0c0c;--bg-color: #0c0c0c;color:#a1a1a1;color:#6d6d6d;--h-color: whitesmoke;--link-color: rgb(180, 180, 180);font-family:Archivo,sans-serif,system-ui;letter-spacing:.02em;line-height:1.5;scrollbar-width:thin;scrollbar-color:black #111111;--input-focus-border-color: rgb(60, 60, 60);--paragraph-v-padding: 10px;--bottom-blur-max: rgba(0,0,0,.95)}html.lightmode{background:#f6f5f2;--bg-color: rgb(246, 245, 242);color:#000000a6;--border-color: rgb(220, 220, 220);--h-color: black;scrollbar-color:rgb(200,200,200) rgb(246,245,242);--link-color: rgb(90, 90, 90);--input-focus-border-color: rgb(190, 190, 190);--bottom-blur-max: rgba(0,0,0,.8)}a{text-decoration:none;color:var(--link-color);font-size:14px;letter-spacing:.03em;padding:3px 5px;transition:all .3s;border-radius:2px;opacity:.75;transition:all .1s;cursor:pointer}a:hover{opacity:1;transition:all .1s}p{font-size:14px;padding:var(--paragraph-v-padding) 0}h1,h2{font-size:14px;color:var(--h-color);font-weight:400}::selection{background:#000;color:#f5f5f5}.main{display:flex;flex-direction:column}@media (orientation: portrait){:root{--section-heading-width: fit-content;--main-width: 90vw}.app{width:var(--main-width);margin:0 auto}.app,.section{display:flex;flex-direction:column}.section{gap:10px;padding:20px 0}}@media (orientation: landscape){:root{--section-heading-width: max(6vw, 100px);--main-h-padding: 100px;--main-nonheader-content-width: max(25vw, 350px);--main-width: calc(var(--main-nonheader-content-width) + var(--section-heading-width) + 2*var(--main-h-padding))}.main{width:var(--main-width);padding:40px var(--main-h-padding)}.app,.section{display:flex;flex-direction:row}.section{padding:20px 0}}.section{border-bottom:1px solid var(--border-color);display:flex;align-items:flex-start}.section-heading{width:var(--section-heading-width);white-space:nowrap}.section-content{font-size:14px;display:flex;flex-direction:column;gap:10px;width:100%}.links{display:flex;align-items:center}.links>a{font-size:13px}.footer-section{font-size:13px;justify-content:space-between;margin-top:auto;border-bottom:none;border-top:1px solid var(--border-color)}.project-title{font-family:Archivo;text-transform:none;padding:0;opacity:1}.see-more-icon{opacity:.6}.project-title:hover~span>.see-more-icon{opacity:1}.link-icon{opacity:.4}.link-icon:hover{opacity:1}input{outline:none;color:inherit;background:inherit;border:1px solid var(--border-color);font-size:15px;margin-bottom:20px;padding:5px 20px;border-radius:3px;width:100%}input:focus{border:1px solid var(--input-focus-border-color)}input::placeholder{opacity:.5}.blog-menu{font-size:13px;border-bottom:1px solid var(--border-color)}@media (orientation: portrait){.blog-menu{padding:20px 0}.blog-post{padding:20px 0 calc(20px - var(--paragraph-v-padding))}}@media (orientation: landscape){.blog-menu{padding:40px 0}.blog-post{padding:40px 0 calc(40px - var(--paragraph-v-padding))}}.blog-menu-item{display:flex;justify-content:space-between;align-items:center}.blog-menu-date{font-family:Archivo;font-size:14px;white-space:nowrap}.blog-menu-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px}.blog-post-title{font-size:15px}.blog-placeholder{font-size:16px;font-family:HomemadeApple;text-align:center;padding-top:20px}@media (orientation: landscape){.cr-and-theme-toggle{display:flex;flex-direction:column;gap:15px}}@media (orientation: portrait){.cr-and-theme-toggle{width:100%;display:flex;flex-direction:row;justify-content:space-between}}.cr-and-theme-toggle{font-size:13px;z-index:1}.links{z-index:1}.bottom-blur{position:fixed;bottom:0;left:0;width:100%;height:20vh;background:var(--bg-color);mask:linear-gradient(transparent,var(--bottom-blur-max));z-index:0;pointer-events:none}