@font-face{font-family:Comfortaa;src:url(/Comfortaa-Regular.ttf)}*{margin:0;padding:0;font-family:Inter,sans-serif}h1{font-family:Comfortaa;font-size:48px;font-weight:700;line-height:1}h2{font-family:Comfortaa;font-size:18px;font-weight:700;line-height:1}h3{font-size:16px}p{margin:1em 0;font-size:14px}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;font-family:inherit}pre{color:#444;page-break-inside:avoid;word-wrap:break-word;background:#f4f4f480;border:1px solid #ddd;border-left:3px solid #f36d33;max-width:100%;margin-bottom:1.6em;padding:1em 1.5em;font-family:monospace;font-size:15px;line-height:1.6;display:block;overflow:auto}.webgl{outline:none;position:fixed;top:0;left:0}#nav{opacity:0;flex-direction:column;justify-content:space-evenly;height:100vh;min-height:500px;padding-left:5px;transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;transform:translate(-100px)}.nav-button{writing-mode:sideways-lr;color:#fff;border-radius:20px;padding:10px 5px}#name{color:#fff;opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute;top:5px;left:200px;transform:translateY(-100px)}#overlay-content{height:100%;padding:var(--content-padding);transition:all .6s cubic-bezier(.4,0,.2,1);position:relative;overflow-y:auto}#projects-heading,#not-found-heading{justify-content:space-between;align-items:center;margin:20px;display:flex}#overlay-content>h1{margin:20px 0 20px 20px}#overlay-content>p{width:calc(100% - 40px);margin:20px 0 20px 20px}#overlay{color:#000;border-top-right-radius:0;border-bottom-right-radius:0;height:calc(100vh - 2px);transition:all .6s cubic-bezier(.4,0,.2,1);position:fixed;right:0;overflow:hidden}#overlay:before,#overlay:after{border-top-right-radius:0;border-bottom-right-radius:0}.overlay--hidden{opacity:0;width:40vw}.overlay--panel{border-radius:20px;width:40vw}.overlay--expanded{--content-padding:0 5vw 0 5vw;border-radius:0;width:100vw}#overlay.overlay--expanded:before,#overlay.overlay--expanded:after{border-radius:0}.show-ui{opacity:1!important;transform:translate(0)!important}.icon{cursor:pointer;background-color:#ffffff40;border:.5px solid #ffffff4d;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;margin-right:5px;display:flex;box-shadow:0 5px 50px #000c}.icon:hover{background-color:#bebebe40}#scene-control{display:none}.glass-card{isolation:isolate;-webkit-backdrop-filter:blur(6px);background:#fff3;border:1px solid #fff9;box-shadow:0 6px 24px #0003}.glass-card:before{content:"";z-index:-1;background:#ffffff1a;border-radius:20px;position:absolute;inset:0;box-shadow:inset 0 0 20px -5px #ffffffb3}.glass-card:after{content:"";z-index:-2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);isolation:isolate;border-radius:20px;position:absolute;inset:0}.spacer{height:60px}#projects-container{flex-flow:wrap;justify-content:space-between;align-items:center;gap:50px;margin:20px;display:flex}.project-card{width:100%;min-width:300px;max-width:100%;transition:all .6s cubic-bezier(.4,0,.2,1)}.project-card>p{margin-left:7px}.project-card--panel{width:100%}.project-card--expanded{width:30%}.card-title>h2{text-align:left;font-size:24px}.project-card>img{width:calc(100% - 10px);margin:0 5px;padding:0}.project-card>*{margin:5px}.links-container{flex-flow:wrap;gap:5px;display:flex}.links-container>a{background:#89a9ffb3}.technologies-container{border-radius:5px;flex-flow:wrap;display:flex}.technologies{color:#000;background:#ffffff4d;border:1px solid #00000080;padding:3px;font-size:12px;box-shadow:0 6px 24px #0003}.tags-container{flex-flow:wrap;display:flex}.tags-container>*{background:#89a9ff4d}.tags{color:#000;background:#ffffff4d;border:1px solid #00000080;padding:3px;font-size:12px;box-shadow:0 6px 24px #0003}.project-card-img{color:#000;aspect-ratio:16/9;object-fit:cover;background:#ffffff4d;border-radius:5px;padding:3px;box-shadow:0 6px 24px #0003}.link-icon-container{flex:row nowrap;justify-content:right;align-self:flex-end;height:35px;display:flex}.link-icon-container>:last-child{padding-left:0}.link-icon{justify-content:flex-end;height:35px;padding:0 2.5px;display:flex}.reveal-btn{white-space:nowrap;color:#000;cursor:pointer;background-color:#ffffff40;border:.5px solid #ffffff4d;border-radius:5px;justify-content:flex-start;align-items:center;gap:5px;width:20px;height:20px;padding:5px;transition:width .18s;display:inline-flex;overflow:hidden;box-shadow:0 5px 50px #000c}.link-icon:hover .reveal-btn{background-color:#bebebe40;width:90px}#blog{transition:all .6s cubic-bezier(.4,0,.2,1)}#blog a{color:navy;font-family:inherit}#blog a:visited{color:#8b008b}#blog pre{width:calc(100% - 3em - 44px)}#blog-body h1{font-size:28px;font-weight:700}#blog-body h2{font-size:20px}.blog--expanded{width:55%;margin-left:auto;margin-right:auto}.blog--panel{width:100%;margin-left:auto;margin-right:auto}#blog-heading{flex:row nowrap;justify-content:space-between;align-items:center;margin:20px 15px 0 20px;display:flex}#blog-summary{margin:10px 20px 0;font-family:Comfortaa;font-size:12px}#blog-main-image{aspect-ratio:16/9;object-fit:cover;border-radius:5px;width:calc(100% - 40px);margin:20px 20px 0}#blog-subheading{width:calc(100% - 40px);margin:0 20px}#blog-subheading>p{margin:5px 0 60px;font-size:12px}#blog-body>*{width:calc(100% - 40px);margin:20px 20px 0}#blog-body>*>li{width:calc(100% - 40px);margin:0 0 0 20px;font-size:14px}#blog-body img{object-fit:cover;border-radius:5px;width:100%}#fullscreen{align-self:baseline;min-width:30px;min-height:30px}#metadata{justify-content:space-between;width:calc(100% - 40px);margin:10px 20px 40px;display:flex}#metadata a{color:#000}#by{margin:0 10px;font-family:Comfortaa;font-weight:700}#blog-dates{align-self:end;margin-top:8px;font-weight:400}#blog-dates>*{margin:0;font-family:Comfortaa;font-size:11px}#by-img-container{display:flex}#by-img{object-fit:cover;filter:contrast(125%)grayscale();border-radius:50%;width:50px;height:50px;overflow:hidden}.blog-card{gap:20px;width:calc(100% - 40px);max-width:550px;padding:80px 20px 20px;display:flex;overflow:hidden}.blog-card-img{object-fit:cover;border-radius:5px;flex-shrink:0;width:150px;height:150px;overflow:hidden}.blog-card-text{flex-direction:column;display:flex}.blog-card-title{font-size:24px}.blog-card-summary{font-size:12px}.horizontal-line{border:1px solid #0003;border-radius:1px;width:calc(100% - 40px);max-width:550px;margin-left:20px}#blog-container{flex-flow:wrap;display:flex}#blog-container>:last-child{border:none}.blog-link-icon{justify-content:flex-end;height:35px;padding:0 2.5px;display:flex}.blog-links-container{flex-flow:wrap;gap:5px;margin-left:auto;display:flex}.blog-reveal-btn{white-space:nowrap;color:#000;cursor:pointer;background-color:#ffffff40;border:.5px solid #ffffff4d;border-radius:5px;justify-content:flex-end;align-items:center;gap:5px;width:20px;height:20px;padding:5px;transition:width .18s;display:inline-flex;overflow:hidden;box-shadow:0 5px 50px #000c}.blog-link-icon:hover .blog-reveal-btn{background-color:#bebebe40;width:90px}#mailto-container{place-items:center;display:grid}#mailto{cursor:pointer;background-color:#ffffff40;border:.5px solid #ffffff80;border-radius:15px;margin-top:20px;padding:5px;box-shadow:0 5px 50px #000c}#mailto:hover{background-color:#bebebe40}