@import"https://fonts.googleapis.com/css2?family=Ubuntu+Mono:wght@400;700&family=Ubuntu:wght@300;400;500;700&display=swap";.app{display:flex;flex-direction:column;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;z-index:11;width:100%;padding:0 50px;height:var(--nav-height);transform:translateY(0);background-color:#14041fd9;box-shadow:0 10px 30px -10px #170722b3;backdrop-filter:blur(8px);text-transform:capitalize}nav{display:flex;-moz-box-pack:justify;justify-content:space-between;-moz-box-align:center;align-items:center;position:relative;width:100%;counter-reset:item 0;z-index:12}nav .logo a svg{fill:var(--yellow);width:84px;height:84px}.menu-nav{display:flex;align-items:center}.menu-nav-small{display:none}.menu-nav>ul{display:flex;justify-content:space-between;list-style:none;align-items:center;margin:0;padding:0}.menu-nav>ul>li{margin:0 5px;position:relative;counter-increment:item 1;font-size:var(--font-m);font-family:var(--font-mono)}.menu-nav>ul>li>a{padding:10px}.header-button{color:var(--yellow);background-color:transparent;border:1px solid var(--yellow);border-radius:var(--border-rad);padding:.75rem 1rem;font-size:var(--font-m);font-family:var(--font-mono);line-height:1;text-decoration:none;cursor:pointer;transition:var(--transition);margin-left:15px}.header-button:hover{background-color:var(--transparent-yellow)}.blur{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:8;backdrop-filter:blur(0);display:block;transition:var(--transition);pointer-events:none;cursor:pointer}.blur.active{pointer-events:auto;backdrop-filter:blur(10px)}@media (max-width: 768px){header{padding:0 25px}.menu-nav{display:none}.menu-nav-small{display:block}.menu-hamburger{display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;position:relative;z-index:10;margin-right:-15px;padding:15px;border:0px none;background-color:transparent;color:inherit;text-transform:none;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;cursor:pointer}.menu-hamburger .hamburger-box{display:inline-block;position:relative;width:var(--hamburger-width);height:24px}.hamburger-box .hamburger-box-inner{position:absolute;top:50%;right:0px;width:var(--hamburger-width);height:2px;border-radius:var(--border-rad);background-color:var(--yellow);transition:var(--transition);transform:rotate(0)}.hamburger-box .hamburger-box-inner:before,.hamburger-box .hamburger-box-inner:after{content:"";display:block;position:absolute;left:auto;right:0px;width:var(--hamburger-width);height:2px;border-radius:4px;background-color:var(--yellow);transition-timing-function:ease;transition-duration:.15s;transition-property:transform}.hamburger-box .hamburger-box-inner:before{width:120%;top:-10px;opacity:1;transition:var(--hamburger-before)}.hamburger-box .hamburger-box-inner:after{width:80%;bottom:-10px;transform:rotate(0);transition:var(--hamburger-after)}.hamburger-box .hamburger-box-inner.active{transform:rotate(45deg)}.hamburger-box .hamburger-box-inner.active:before{width:100%;top:0;opacity:0;transition:var(--hamburger-before)}.hamburger-box .hamburger-box-inner.active:after{width:100%;bottom:0;transform:rotate(-90deg);transition:var(--hamburger-after)}.menu-nav-side{display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;position:fixed;top:0px;bottom:0px;right:0px;padding:50px 10px;width:min(75vw,400px);height:100vh;outline:0px;background-color:var(--dark-slate-purple);box-shadow:-10px 0 30px -15px #000;z-index:9;transform:translate(100vw);visibility:visible;transition:var(--transition)}.menu-nav-side.active{transform:translate(0)}.menu-nav-side nav{display:flex;-moz-box-pack:justify;justify-content:space-between;-moz-box-align:center;align-items:center;width:100%;flex-direction:column;color:var(--lightest-purple);font-family:var(--font-mono);text-align:center}.menu-nav-side ul a{display:inline-block;text-decoration:none;text-decoration-skip-ink:auto;position:relative;transition:var(--transition);width:100%;padding:3px 20px 20px}.menu-nav-side .header-button{color:var(--yellow);background-color:transparent;border:1px solid var(--yellow);border-radius:var(--border-rad);font-size:var(--font-s);font-family:var(--font-mono);line-height:1;text-decoration:none;cursor:pointer;transition:var(--transition);padding:18px 50px;margin:10% auto 0;width:max-content}}.button{color:var(--yellow);background-color:transparent;border:1px solid var(--yellow);border-radius:var(--border-rad);padding:.75rem 1rem;font-size:var(--font-m);font-family:var(--font-mono);line-height:1;text-decoration:none;cursor:pointer;transition:var(--transition)}.button:hover{background-color:var(--transparent-yellow)}main{padding:0 150px}.hero{display:flex;justify-content:space-between;flex-direction:row;align-items:center;min-height:100vh;height:100vh;padding:0 50px}.hero a{font-weight:400;color:var(--yellow)}.hero-title{color:var(--light-purple);font-size:(--font-xl);font-weight:400}.hero-title>h1{margin:0 0 30px 4px;color:var(--yellow);font-family:var(--font-mono);font-size:clamp(var(--font-xl),5vw,var(--font-xxl));font-weight:400}.hero-big-title{margin:0;font-size:clamp(40px,8vw,80px)}.hero-title>h2,.hero-title>h3{margin-top:5px;line-height:1;color:var(--light-purple)}.hero-title>h2{margin-top:5px;color:var(--lightest-purple);line-height:.9}.hero-text p{margin:20px 0 0;max-width:540px;font-size:var(--font-m)}.hero-img-container{margin-left:50px}.hero-scroll-down{color:var(--yellow);background-color:transparent;border:1px solid var(--yellow);border-radius:var(--border-rad);padding:1.25rem 1.75rem;font-size:var(--font-s);font-family:var(--font-mono);line-height:1;text-decoration:none;cursor:pointer;margin-top:50px}.hero-scroll-down:hover{background-color:var(--transparent-yellow)}@media (max-width: 1080px){.hero{padding:0}.hero-img-container{display:none}}.about-inner{display:grid;grid-template-columns:2fr 3fr;gap:50px}.about-img-container{position:relative;max-width:300px}.about-img-wrapper{box-shadow:0 10px 30px -15px #000;display:block;position:relative;width:100%;border-radius:var(--border-rad);background-color:var(--yellow)}.about-img-container .about-img-wrapper:before,.about-img-container .about-img-wrapper:after{content:"";display:block;position:absolute;width:100%;height:100%;border-radius:var(--border-rad)}.about-img-container .about-img-wrapper:before{left:0px;top:0px;mix-blend-mode:screen;background-color:#000;z-index:1}.about-img-container .about-img-wrapper:after{border:2px solid var(--yellow);top:20px;left:20px;z-index:-1;transition:var(--transition)}.about-img-container:hover .about-img-wrapper:after{top:10px;left:10px}.about-img-wrapper>div{border-radius:var(--border-rad);vertical-align:middle;overflow:hidden}.about-img-wrapper>div>div>img{width:100%;object-fit:cover;max-width:100%;display:block;position:static}.about-text-container>div>p{margin:0 0 15px}.about-text-list{display:grid;grid-template-columns:repeat(2,minmax(140px,200px));gap:0px 10px;padding:0;margin:20px 0 0;overflow:hidden;list-style:none}@media (max-width: 1080px){.about{padding:0}}@media (max-width: 768px){.about-inner{display:block}.about-img-container{margin:50px auto;width:70%}}.list-item:before{content:"\25b9";position:absolute;left:0px;color:var(--yellow);font-size:var(--font-s);line-height:12px}.list-item{position:relative;margin-bottom:10px;padding-left:20px;font-family:var(--font-mono);font-size:var(--font-s)}.experience{max-width:700px}.experience .inner{display:flex;min-height:340px}.jobs-button-list{position:relative;z-index:3;width:max-content;padding:0;margin:0;list-style:none}.job-button{text-decoration:none;text-decoration-skip-ink:auto;position:relative;display:flex;-moz-box-align:center;align-items:center;width:100%;height:var(--tab-height);padding:0 20px 2px;border:none;border-radius:0;border-left:2px solid var(--slate-purple);background-color:transparent;color:var(--light-purple);font-family:var(--font-mono),serif;font-size:var(--font-m);text-align:left;white-space:nowrap;cursor:pointer;transition:var(--transition)}.job-button.active{color:var(--yellow);background-color:var(--dark-slate-purple)}.job-button:hover,.job-button:active,.job-button:focus{color:var(--yellow);background-color:var(--dark-slate-purple)}.jobs-panel-list{position:relative;width:100%;margin-left:20px}.jobs-highlighted{position:absolute;top:0;left:0;z-index:10;width:2px;height:var(--tab-height);border-radius:var(--border-rad);background:var(--yellow);transition:transform .25s cubic-bezier(.645,.045,.355,1) .1s}.jobs-highlighted.tab5{transform:translateY(calc(0 * var(--tab-height)))}.jobs-highlighted.tab4{transform:translateY(calc(1 * var(--tab-height)))}.jobs-highlighted.tab3{transform:translateY(calc(2 * var(--tab-height)))}.jobs-highlighted.tab2{transform:translateY(calc(3 * var(--tab-height)))}.jobs-highlighted.tab1{transform:translateY(calc(4 * var(--tab-height)))}.jobs-highlighted.tab0{transform:translateY(calc(5 * var(--tab-height)))}@media (max-width: 768px){.experience .inner{display:block}.jobs-button-list{display:flex;overflow-x:auto;width:calc(100% + 100px);padding-left:50px;margin-left:-50px;margin-bottom:30px}.jobs-button-list .job-button{display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;min-width:120px;padding:0 15px;border-left:0 none;border-bottom:2px solid var(--slate-purple);text-align:center}.jobs-panel-list{margin-left:0}.jobs-highlighted{position:absolute;top:auto;bottom:0;margin-left:50px;width:100%;max-width:var(--tab-width);height:2px}.jobs-highlighted.tab5{transform:translate(calc(0 * var(--tab-width)))}.jobs-highlighted.tab4{transform:translate(calc(1 * var(--tab-width)))}.jobs-highlighted.tab3{transform:translate(calc(2 * var(--tab-width)))}.jobs-highlighted.tab2{transform:translate(calc(3 * var(--tab-width)))}.jobs-highlighted.tab1{transform:translate(calc(4 * var(--tab-width)))}.jobs-highlighted.tab0{transform:translate(calc(5 * var(--tab-width)))}}.job-panel{width:100%;height:auto;padding:10px 5px;opacity:0;z-index:0;transition:var(--transition-panel);position:absolute}.job-panel.active{opacity:1;z-index:10}.job-panel h3{margin-bottom:2px;font-size:var(--font-xxl);font-weight:500;line-height:1.3}.job-panel h3 .company{color:var(--yellow)}.company-link{display:inline-block;text-decoration:none;text-decoration-skip-ink:auto;position:relative;color:var(--yellow);transition:var(--transition)}.company-link:after{content:"";display:block;width:0px;height:1px;position:relative;bottom:.15em;background-color:var(--yellow);transition:var(--transition);opacity:.5}.company-link:hover:after,.company-link:focus:after,.company-link:active:after{width:100%}.job-panel .range{margin-bottom:25px;color:var(--light-purple);font-family:var(--font-mono);font-size:var(--font-m)}.job-panel-content-list>li{font-family:var(--font-default)}.projects ul{list-style:none;padding:0;margin:0}.projects ul a{position:relative;z-index:1}.project-item:not(:last-of-type){margin-bottom:100px}.project-item{display:grid;gap:10px;grid-template-columns:repeat(12,1fr);-moz-box-align:center;align-items:center}.project-item .project-content{position:relative;grid-area:1 / 1 / -1 / 7}.project-item:nth-of-type(2n + 1) .project-content{text-align:right;grid-column:7 / -1}.project-item .project-img{box-shadow:0 10px 30px -15px #000;position:relative;z-index:1;grid-area:1 / 6 / -1 / -1}.project-item:nth-of-type(2n + 1) .project-img{grid-column:1 / 8}.project-item .project-img a{width:100%;height:100%;background-color:var(--yellow);border-radius:var(--border-rad);vertical-align:middle}.project-item .project-img a:before{content:"";position:absolute;width:100%;height:100%;inset:0px;z-index:3;background-color:var(--dark-purple);mix-blend-mode:screen}.project-item .project-img a .img{border-radius:var(--border-rad);mix-blend-mode:multiply;filter:grayscale(100%) contrast(1) brightness(90%);transition:var(--transition)}.project-item .project-img a:hover .img{mix-blend-mode:inherit;filter:grayscale(0%) contrast(1) brightness(90%)}.project-item .project-img .img-wrapper{width:100%;max-width:100%;vertical-align:middle;position:relative;overflow:hidden}.project-item .project-img .img-wrapper-constrained{display:inline-block}.project-item .project-img .img-wrapper div{max-width:700px;display:block}.project-item .project-img .img-wrapper div img{max-width:100%;display:block;position:static}.project-item .project-img .img-wrapper img{bottom:0;height:100%;left:0;margin:0;max-width:none;padding:0;position:absolute;right:0;top:0;width:100%;object-fit:cover}.project-item .project-overline{margin:10px 0;color:var(--yellow);font-family:var(--font-mono);font-size:var(--font-xs);font-weight:400}.project-item .project-title{margin:0 0 20px;color:var(--lightest-purple);font-size:clamp(24px,5vw,28px)}.project-item .project-description{box-shadow:0 10px 30px -15px #000;position:relative;z-index:2;padding:25px;border-radius:var(--border-rad);background-color:var(--dark-slate-purple);color:var(--light-purple);font-size:var(--font-m);font-weight:400}.project-item .project-tech-list{display:flex;flex-wrap:wrap;position:relative;z-index:2;margin:25px 0 10px;padding:0;list-style:none}.project-item:nth-of-type(2n + 1) .project-tech-list{-moz-box-pack:end;justify-content:flex-end}.project-item .project-tech-list>li{margin:0 20px 5px 0;color:var(--light-purple);font-family:var(--font-mono);font-size:var(--font-xs);white-space:nowrap}.project-item .project-tech-list>li:before,.project-item .project-tech-list>li:after{content:""}.project-item:nth-of-type(2n + 1) .project-tech-list>li{margin:0 0 5px 20px}.project-item .project-links{display:flex;-moz-box-align:center;align-items:center;position:relative;margin-top:10px;margin-left:-10px;color:var(--lightest-purple)}.project-item:nth-of-type(2n + 1) .project-links{-moz-box-pack:end;justify-content:flex-end;margin-left:0;margin-right:-10px}.project-item .project-links a{display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;padding:10px;fill:#fff}.project-item .project-links a:hover{fill:var(--yellow)}.project-item .project-links a svg{width:20px;height:20px}@media (max-width: 768px){.project-item:not(:last-of-type){margin-bottom:70px}.project-item .project-content{display:flex;flex-direction:column;-moz-box-pack:center;justify-content:center;height:100%;grid-column:1 / -1;padding:40px 40px 30px;z-index:5}.project-item:nth-of-type(2n + 1) .project-content{grid-column:1 / -1;padding:40px 40px 30px;text-align:left}.project-item .project-title{color:#fff}.project-item .project-title a{position:static}.project-item .project-title a:before{content:"";display:block;position:absolute;z-index:0;width:100%;height:100%;top:0px;left:0px}.project-item .project-description{padding:20px 0;background-color:transparent;box-shadow:none}.project-item .project-tech-list{margin:10px 0}.project-item:nth-of-type(2n + 1) .project-tech-list{-moz-box-pack:start;justify-content:flex-start}.project-item .project-tech-list>li:first-of-type{padding-left:0}.project-item:nth-of-type(2n + 1) .project-tech-list>li{margin:0 10px 5px 0}.project-item .project-links{display:flex;-moz-box-align:center;align-items:center;position:relative;margin-top:10px;margin-left:-10px}.project-item:nth-of-type(2n + 1) .project-links{-moz-box-pack:start;justify-content:flex-start;margin-left:-10px;margin-right:0}.project-item .project-img{grid-column:1 / -1;height:100%;opacity:.25}.project-item:nth-of-type(2n + 1) .project-img{grid-column:1 / -1}.project-item .project-img a .img{object-fit:cover;width:auto;height:100%;filter:grayscale(100%) contrast(1) brightness(50%)}}.more-projects{display:flex;flex-direction:column;-moz-box-align:center}.more-projects h2{text-align:center}.more-projects-grid{list-style:none;padding:0;margin:50px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;position:relative}.more-projects-item{position:relative;cursor:pointer;transition:var(--transition)}.more-projects-item .inner{box-shadow:0 10px 30px -15px #000;display:flex;-moz-box-pack:justify;justify-content:space-between;-moz-box-align:center;flex-direction:column;align-items:flex-start;position:relative;height:100%;padding:2rem 1.75rem;border-radius:var(--border-rad);background-color:var(--dark-slate-purple);transition:var(--transition);overflow:auto}.more-projects-item .inner:hover{transform:translateY(-7px)}.more-projects-item .inner>div{width:100%}.more-project-top{display:flex;-moz-box-pack:justify;justify-content:space-between;-moz-box-align:center;align-items:center;margin-bottom:35px}.more-project-top .folder{fill:var(--yellow)}.more-project-top .folder svg{width:40px;height:40px}.more-project-top .link{display:flex;-moz-box-align:center;align-items:center;margin-right:-10px;fill:var(--light-purple);position:relative;z-index:10}.more-project-top .link a{display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;padding:5px 7px}.more-project-top .link a:hover{fill:var(--yellow)}.more-project-top .link a svg{width:22px;height:22px;margin-top:-4px}.more-project-title{margin:0 0 10px;color:var(--lightest-purple);font-size:var(--font-xxl)}.more-project-title a{position:static}.more-project-title a:before{content:"";display:block;position:absolute;z-index:0;width:100%;height:100%;top:0px;left:0px}.more-project-description{color:var(--light-purple);font-size:17px}.more-project-tech-list{display:flex;align-items:flex-end;-moz-box-flex:1;flex-grow:1;flex-wrap:wrap;padding:0;margin:20px 0 0;list-style:none}.more-project-tech-list li{padding:0}.more-project-tech-list li:not(:first-of-type){margin-left:15px}.more-project-tech-list li:before{content:""}.contact{max-width:600px;margin:0 auto 100px;text-align:center}.overline{display:block;margin-bottom:20px;color:var(--yellow);font-family:var(--font-mono);font-size:var(--font-l)}.title{font-size:clamp(40px,5vw,60px)}.email-link{color:var(--yellow);background-color:transparent;border:1px solid var(--yellow);border-radius:var(--border-rad);padding:1.25rem 1.75rem;font-size:var(--font-m);font-family:var(--font-mono);line-height:1;text-decoration:none;cursor:pointer;margin-top:50px;transition:var(--transition)}.email-link:hover{background-color:var(--transparent-yellow)}footer{display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;flex-direction:column;height:auto;min-height:70px;padding:15px;text-align:center}footer a{color:var(--yellow);font-style:var(--font-mono);font-size:var(--font-s);font-weight:400}:root{font-family:Ubuntu,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--yellow: #f7b30d;--transparent-yellow: rgba(247, 179, 13, .1);--dark-purple: #14041f;--purple: #4d446c;--slate-purple: #392d42;--dark-slate-purple: #2c1140;--light-purple: #a38fb1;--lightest-purple: #edd3ff;--font-xxs: 12px;--font-xs: 13px;--font-s: 14px;--font-m: 16px;--font-l: 18px;--font-xl: 20px;--font-xxl: 22px;--font-heading: 32px;--font-default: "Ubuntu", sans-serif;--font-mono: "Ubuntu Mono", monospace;--hamburger-width: 30px;--border-rad: 4px;--nav-height: 100px;--nav-scroll-height: 70px;--tab-width: 120px;--tab-height: 42px;--transition: all 225ms cubic-bezier(.645, .045, .355, 1);--transition-panel: all .5s cubic-bezier(.645, .045, .355, 1);--hamburger-before: top .1s ease-in .25s, opacity .1s ease-in;--hamburger-before-active: top .1s ease-out, opacity .1s ease-out .12s;--hamburger-after: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);--hamburger-after-active: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s}html{box-sizing:border-box;font-size:var(--font-m);scrollbar-color:var(--purple) var(--dark-purple);scroll-behavior:smooth}body{margin:0;width:100%;min-height:100%;overflow-x:hidden;background-color:var(--dark-purple);color:var(--light-purple);line-height:1.3;font-size:var(--font-xl)}body.body-blur{overflow:hidden}*,*:before,*:after{box-sizing:inherit}::selection{background:var(--dark-slate-purple);color:var(--lightest-purple)}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:400}p>a{display:inline-block;text-decoration:none;text-decoration-skip-ink:auto;position:relative;transition:var(--transition);color:var(--yellow);font-weight:300}p>a:after{content:"";display:block;width:0;height:.8px;position:relative;bottom:.1em;background-color:var(--yellow);transition:var(--transition);opacity:.5}p>a:hover:after,p>a:focus:after,p>a:active:after{width:100%}ol,ul{list-style:none}img{max-width:75%;height:auto;float:inline-end}h1,h2,h3,h4,h5,h6{margin:0 0 10px;font-weight:600;line-height:1.1;color:var(--lightest-purple)}p{margin:0 0 15px;font-weight:300}a{font-weight:400;color:inherit;text-decoration:inherit;display:inline-block;transition:var(--transition);cursor:pointer}a:hover,a:focus,a:active{color:var(--yellow);outline:0px}section{margin:0 auto;padding:100px 0;max-width:1000px}.heading{display:flex;-moz-box-align:center;align-items:center;position:relative;margin:10px 0 40px;width:100%;white-space:nowrap;font-size:clamp(26px,5vw,var(--font-heading))}.heading:after{content:"";display:block;position:relative;top:0;width:100%;height:1px;margin-left:20px;background-color:var(--slate-purple)}@media (max-width: 1080px){main{padding:0 100px;margin-top:25px}}@media (max-width: 768px){main{padding:0 50px}section{padding:80px 0}}