@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/old-portfolio/_next/static/media/03f2d74f5e7b171e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Share Tech Mono Fallback;src:local("Arial");ascent-override:73.06%;descent-override:19.98%;line-gap-override:0.00%;size-adjust:121.13%}.__className_d675cd{font-family:Share Tech Mono,Share Tech Mono Fallback;font-weight:400;font-style:normal}:root{--bg-color:#0f172a;--main-color:#fff;--accent-color:#3eb5bb}*,:after,:before{box-sizing:border-box;margin:0;padding:0}ul{list-style-type:none}a{text-decoration:none}a,body{color:var(--main-color)}body{font-family:Share Tech Mono,monospace;background:var(--bg-color)}p{line-height:2}#main-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column}h1{color:var(--accent-color);font-size:7em}h2{font-size:2.5em;margin-bottom:.25em}h3{margin-top:1em;letter-spacing:.15rem;font-size:1.6em;position:relative}h3:after{content:"";height:4px;width:12px;position:absolute;bottom:1px;background:var(--main-color);animation:blink .5s linear 0s infinite alternate}h4{margin-bottom:1em;position:relative;color:var(--accent-color);letter-spacing:.15rem;font-size:2rem}h4:after{content:"";height:4px;width:12px;position:absolute;bottom:3px;right:-12px;background:var(--accent-color)}h4.complete:after{animation:blink .5s linear 0s infinite alternate}@keyframes blink{0%{opacity:1}50%{opacity:1}60%{opacity:0}to{opacity:0}}h5{a{color:var(--accent-color)}font-size:1.1em}h6 span{color:var(--accent-color)}@media only screen and (max-width:600px){h1{font-size:5em}h2{font-size:2.25em}h3{font-size:1.4em}}header{height:11vh;width:100%;padding:0 1.25em;display:flex;justify-content:space-between;align-items:center}#logo,header{position:relative}#logo{font-size:1.6em;color:var(--main-color);padding:.3em .4em}#logo svg{height:45px;width:45px;position:absolute;top:0;left:-5px;fill:var(--accent-color)}nav{ul{display:flex;gap:0 2em}a,ul{position:relative}a{padding-bottom:.2em;font-size:1.4em;transition:.3s ease-out}a,a.active{color:var(--main-color)}}.menu-toggle{display:none}.bar{width:25px;height:2px;background-color:var(--main-color);margin:6px 0;transition:.3s}.mobile-nav .bar:first-child{transform:rotate(45deg) translate(7.25px,4px)}.mobile-nav .bar:nth-child(2){opacity:0}.mobile-nav .bar:nth-child(3){transform:rotate(-45deg) translate(7.25px,-4px)}@media only screen and (max-width:600px){body.mobile-nav{overflow:hidden}.menu-toggle{display:block;position:relative;top:0;right:0;cursor:pointer;z-index:1001}nav{ul{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:fixed;top:0;right:0;background-color:var(--bg-color);padding-top:40%;z-index:1000;transform:translateX(100%);opacity:0;transition:transform .3s ease,opacity .3s ease;li{margin:1.2em 0}a{padding-bottom:5px}a.active{border-bottom:1px solid var(--accent-color)}}}ul.mobile-nav{transform:translateX(0);opacity:.97}}main{min-height:76vh;padding:0 2em;align-items:center}main,section{display:flex;flex-direction:column;justify-content:center}section{align-items:flex-start}section#about,section#projects{width:60vw}@media only screen and (max-width:600px){section{width:80vw!important}}@keyframes expand-border-downwards{0%{width:0;height:0}5%{width:100%;height:0}to{width:100%;height:100%}}@keyframes expand-border-sideways{0%{width:0;height:0}5%{height:100%;width:0}to{width:100%;height:100%}}#about{#admin-pic{position:relative;display:flex;height:100%;margin-left:1em}#admin-pic img{height:280px;width:209.117px}#admin-pic:after,#admin-pic:before{content:"";position:absolute;top:8px;left:8px;z-index:-1}#admin-pic:before{height:100%;width:100%;border-left:1px solid var(--accent-color);border-bottom:1px solid var(--accent-color)}#admin-pic:after{height:100%;width:100%;border-right:1px solid var(--accent-color);border-top:1px solid var(--accent-color)}@media (min-width:768px){#admin-pic:before{animation:expand-border-sideways 1s forwards}#admin-pic:after{animation:expand-border-downwards 1s forwards}}#about-inner{display:flex}#about-info{padding-right:3em}ul{width:12em;margin-top:1em;display:flex;flex-wrap:wrap;li{width:50%;padding:.2em;flex-wrap:wrap;font-family:monospace}li:before{content:"> ";color:var(--accent-color)}}}#projects{margin-top:2.5em;article{margin-left:8px;margin-bottom:3em;display:flex;figure{position:relative;display:flex;height:100%;img{width:250px}}figure:after,figure:before{content:"";position:absolute;top:8px;right:8px;z-index:-1}figure:before{width:100%;height:100%;border-right:1px solid var(--accent-color);border-bottom:1px solid var(--accent-color)}figure:after{width:100%;height:100%;border-left:1px solid var(--accent-color);border-top:1px solid var(--accent-color)}}article:nth-of-type(-n+3) figure:before{border-right:1px solid var(--accent-color);border-bottom:1px solid var(--accent-color);animation:expand-border-sideways 1s forwards}article:nth-of-type(-n+3) figure:after{border-left:1px solid var(--accent-color);border-top:1px solid var(--accent-color);animation:expand-border-downwards 1s forwards}.project-content{padding:0 0 .5em 1.5em;display:flex;flex-direction:column;justify-content:space-between;p{font-size:.9em}}ul{margin-top:1em;display:flex;flex-wrap:wrap;gap:0 .4em;li{font-family:monospace}li:not(:first-child):before{content:"> ";color:var(--accent-color)}}}@media only screen and (max-width:768px){#about,#projects{margin-top:2.5em}#about-inner,section article{flex-wrap:wrap}#about-inner #admin-pic{margin-top:3em;margin-left:0}section#projects article .project-content{margin-top:2em;padding-left:0}#projects article:nth-of-type(n+2) figure:after,#projects article:nth-of-type(n+2) figure:before{animation:none}section#about{margin-bottom:2em}section#about #admin-pic{animation:none}.project-content p{margin-top:1em}}#contact{#email:before{content:"> ";color:var(--accent-color)}#email{margin-top:1em;font-size:1.2em;font-family:monospace;transition:.2s ease}#email:hover{margin-left:.5em}}footer{height:13vh;width:100%;padding:0 1.25em;display:flex;justify-content:flex-end;align-items:center;gap:1.5em}footer a:hover svg path{fill:#A6BEEE}