html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Plus Jakarta Sans;font-style:italic;font-weight:300;font-display:swap;src:url(/assets/plus-jakarta-sans-light-italic-BMoMboex.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/plus-jakarta-sans-light-CjW3vWno.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/plus-jakarta-sans-bold-B5MZOlxu.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Narnia Regular;src:url(/assets/narnia-86ZeqYIn.woff2) format("woff2"),url(/assets/narnia-DDjOA45K.woff) format("woff");font-weight:400;font-style:normal}@keyframes slideFromBottom{0%{transform:translateY(100dvh)}75%{transform:translateY(100dvh)}to{transform:translate(0)}}@keyframes bottomRightToOriginal{0%{transform:translate(calc(50vw - var(--padding-offset)),calc(50vh - var(--padding-offset))) scale(var(--scale-size))}50%{transform:translate(calc(50vw - var(--padding-offset)),calc(50vh - var(--padding-offset))) scale(var(--scale-size))}to{transform:translate(0) scale(1)}}@keyframes bottomToOriginal{0%{transform:translateY(calc(50vh - var(--padding-offset))) scale(var(--scale-size))}50%{transform:translateY(calc(50vh - var(--padding-offset))) scale(var(--scale-size))}to{transform:translateY(0) scale(1)}}@keyframes marqueeEffect{0%{transform:translate(-5%)}to{transform:translate(-105%)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mirror{0%{transform:rotateY(0)}5%{transform:rotateY(180deg)}50%{transform:rotateY(180deg)}55%{transform:rotateY(360deg)}to{transform:rotateY(360deg)}}.header-logo{transform-origin:center center;animation-name:bottomRightToOriginal;animation-duration:2s;width:fit-content;--padding-offset: 2em;--scale-size: 2.5}@media screen and (max-width: 1000px){.header-logo{animation-name:bottomToOriginal}}.nav{display:flex;flex-direction:column;gap:1em;min-width:300px;height:100%}.nav li{border:1px solid var(--primary);padding:16px;color:var(--primary);transition:background-color .3s ease-in-out .33s,color .3s ease-in-out .33s,flex .3s ease-in-out .33s;position:relative;font-size:1.25em}.nav li .icon{position:absolute;right:.7em;bottom:.7em;transition:background-color .3s ease-in-out .33s}.nav li:hover{cursor:pointer}.nav li.selected{flex:1;background-color:var(--primary);color:var(--black)}.nav li.selected .icon{background-color:var(--black)}@media screen and (max-width: 1000px){.nav{flex-direction:row;height:fit-content;justify-content:center;width:100%}.nav li{flex:1;display:flex;justify-content:center;align-items:center;padding:0;aspect-ratio:1 / 1;max-height:50px}.nav li .icon{width:25px;height:25px;position:initial}.nav div{display:none}}section{min-height:calc(100dvh - 75px);max-width:100%;overflow-x:hidden;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width: 1000px){section{min-height:calc(100dvh - 150px)}}h1,h2,h3,h4,h5{margin-top:0;font-family:var(--secondary-font);text-transform:uppercase;line-height:1;white-space:nowrap;display:flex;flex-wrap:nowrap;width:fit-content}h1{font-size:6em}h2{font-size:4.5em}p{font-size:1.25em;line-height:1.35}a{font-weight:700;text-decoration:none;color:var(--primary)}h1 span,h2 span,h3 span,h4 span,h5 span{-webkit-user-select:none;user-select:none;padding:.125em}h1 div,h2 div,h3 div,h4 div,h5 div{animation:marqueeEffect 30s linear infinite}h1 div span:nth-child(2n),h2 div span:nth-child(2n),h3 div span:nth-child(2n),h4 div span:nth-child(2n),h5 div span:nth-child(2n){color:var(--primary)}@media screen and (max-width: 1000px){h1{font-size:3em}h2{font-size:2.25em}p{font-size:.875em;line-height:1.35}}:root{--black: #151515;--white: #FFFFFF;--primary: #9AF51F;--primary-light: #C0FF6C;--primary-dark: #64A30F;--primary-font: "Plus Jakarta Sans", system-ui, Avenir, Helvetica, Arial, sans-serif;--secondary-font: "Narnia Regular", system-ui, Avenir, Helvetica, Arial, sans-serif;--header-height: 24px;font-size:16px;color:var(--white);background-color:var(--black);height:100dvh}#root{height:100%}::-moz-selection,::selection{color:var(--black);background:var(--primary)}.icon{display:flex;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:24px;height:24px;background-color:var(--primary)}.welcome{padding:90px 0 200px}.welcome .icon{background:var(--white)}.welcome .icon.icon-svg-6{width:100px;height:100px;margin:0 auto 90px;animation:rotate 10s linear infinite}.welcome .icon.icon-svg-7{width:290px;height:45px;margin:0 auto}.welcome h1{margin-bottom:120px}.welcome p{text-align:center;margin-bottom:120px}@media screen and (max-width: 1000px){.welcome{padding:150px 0}.welcome .icon.icon-svg-6{width:65px;height:65px;margin-bottom:60px}.welcome h1{margin-bottom:60px}.welcome p{margin-bottom:50px}.welcome .icon.icon-svg-7{width:120px;height:20px}}.about-me{padding:200px 0 90px}.about-me .icon-svg-2{width:70px;height:70px;background:var(--white);margin:0 auto 70px;animation:mirror 10s infinite}.about-me h2{margin-bottom:150px}.about-me .text-container{display:flex;align-items:center;justify-content:space-between;width:75%;max-width:1000px;margin:0 auto}.about-me .text-container:nth-last-child(2n){flex-direction:row-reverse}.about-me .text-container:not(:last-of-type){margin-bottom:100px}.about-me .text-container .icon{width:100px;height:auto;aspect-ratio:138/81;margin:1em;min-width:70px}.about-me p{max-width:610px}@media screen and (max-width: 1000px){.about-me .icon-svg-2{width:40px;height:40px;margin:0 auto 40px}.about-me h2{margin-bottom:95px}.about-me .text-container,.about-me .text-container:nth-last-child(2n){flex-direction:column;text-align:center;width:100%;padding:0 1em;margin-bottom:0}.about-me .text-container p{max-width:350px}.about-me .text-container p,.about-me .text-container:not(:last-of-type){margin-bottom:70px}}.projects{padding:200px 0 90px}.projects .icon-svg-11{width:70px;height:70px;background:var(--white);margin:0 auto 70px;animation:mirror 10s infinite}.projects h2{margin-bottom:150px}.projects p{max-width:590px;margin:0 auto 100px;text-align:center}input[type=radio]{display:none}.copyright-text{font-size:.75em;text-align:center;padding:0 .5em;max-width:500px;margin:1em auto 0;line-height:1.25;opacity:.5}@media screen and (max-width: 1000px){.projects .icon-svg-11{width:40px;height:40px;margin:0 auto 40px}.projects h2{margin-bottom:95px}.projects p{max-width:350px;margin:0 auto 50px;padding:0 1em;text-align:center}}.project-card{width:800px;border:1px solid var(--primary);margin:-1px auto 1em;transition:border-width .25s ease;-webkit-user-select:none;user-select:none;display:flex;align-items:stretch;max-height:202px;max-width:100%;color:var(--primary);overflow:hidden}.project-card:hover{border-width:5px}.project-card .text-container{border-left:1px solid var(--primary);padding:25px 25px 20px;width:100%;display:flex;justify-content:space-between}.project-card .technologies .icon{background-color:var(--primary)}.project-card h3{font-family:var(--primary-font);font-weight:300;font-style:italic;text-transform:capitalize;font-size:1.25em;margin-bottom:.25em}.project-card p{font-size:1em;width:fit-content;float:left;font-weight:300;margin-bottom:0}.project-card img{aspect-ratio:16/9;height:200px;width:auto}.project-card .technologies{display:flex;flex-direction:column;gap:1em}.project-card .technologies .icon-shopify{height:30px}.project-card .description-text{display:flex;flex-direction:column;justify-content:space-between}.project-card a{color:var(--black);background:var(--white);border:1px solid var(--black);width:fit-content;font-weight:300;padding:.25em .75em}@media screen and (max-width: 1000px){.project-card{margin-left:-2px;max-width:calc(100% + 4px);flex-direction:column-reverse;justify-content:flex-end;max-height:78px;overflow-y:hidden;transition:transform .5s ease,max-height .5s ease;position:relative;transform:translate(0)!important;margin-bottom:0}.project-card:hover{border-width:1px}input[type=radio]:checked+.project-card{max-height:500px;border-width:1px}.project-card .text-container{flex-direction:column;justify-content:center;align-items:center;padding:1em}.project-card p,.project-card h3{width:100%;text-align:center;justify-content:center}.project-card p{margin-bottom:1em}.project-card a{margin:0;position:absolute;transition:bottom .3s ease;bottom:-2em;left:calc(50% - 55px);box-shadow:0 0 15px #00000040}input[type=radio]:checked+.project-card a{bottom:1em}.project-card .technologies{flex-direction:row}.project-card img{margin:0 auto}}.skills{padding:200px 0 90px}.skills .icon-svg-12{width:70px;height:70px;background:var(--white);margin:0 auto 70px;animation:mirror 10s infinite}.skills h2{margin-bottom:150px}.skills p{max-width:560px;margin:0 auto 100px;text-align:center}.skills .tech-stack-container{display:flex;margin:0 auto}.skills .tech-stack-container .icon-big-square{aspect-ratio:1/1;height:250px;width:auto}.skills .tech-stack-container ul{display:flex;flex-direction:column;justify-content:space-between;padding:30px 45px;width:350px}.skills .tech-stack-container ul li{display:flex;align-items:center;width:100%;justify-content:space-between}.skills .tech-stack-container ul li p{margin:0;width:fit-content}.skills .tech-stack-container ul .icon{height:30px;width:30px}.skills .tech-stack-container ul .icon-node{height:33px}@media screen and (max-width: 1000px){.skills .icon-svg-12{width:40px;height:40px;margin:0 auto 40px}.skills h2{margin-bottom:95px}.skills p{max-width:350px;margin-bottom:70px;padding:0 1em}.skills .tech-stack-container{flex-direction:column}.skills .tech-stack-container .icon-big-square{width:150px;height:150px;margin:0 auto}.skills .tech-stack-container ul{padding:4.375em 1em 1em;width:250px;gap:1.75em}}.contact{padding:200px 0 0}.contact .icon-svg-13{width:70px;height:70px;background:var(--white);margin:0 auto 70px;animation:mirror 10s infinite}.contact h2{margin-bottom:150px}.contact p{text-align:center;margin:0 auto 55px}.contact-list{display:flex;margin:0 auto 200px;gap:1em}.contact-list a{border:1px solid var(--primary);padding:1em;min-width:210px;font-weight:300;display:flex;justify-content:center}.contact .final-comment{margin:0 auto 1em;font-size:1em}@media screen and (max-width: 1000px){.contact .icon-svg-13{width:40px;height:40px;margin:0 auto 40px}.contact h2{margin-bottom:95px}.contact p{max-width:350px;padding:0 1em}.contact p{margin:0 auto 30px}.contact-list{display:flex;flex-direction:column;margin-bottom:125px;gap:1.25em}.contact-list a{font-size:.875em;padding:.72em;min-width:150px}.contact .final-comment{font-size:.75em}}html{font-family:var(--primary-font);line-height:2;font-weight:300;color-scheme:light dark;color:var(--white);background-color:var(--black);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:block;overflow:hidden;padding:1em}*{box-sizing:border-box}body{color:var(--white);background-color:var(--black);height:100%}header{width:100%;height:fit-content;margin-bottom:1em}.main-container{position:relative;display:flex;gap:1em;height:calc(100% - var(--header-height) - 1em);animation-name:slideFromBottom;animation-duration:3s;animation-timing-function:cubic-bezier(.215,.61,.355,1)}aside{height:100%;width:fit-content}main{flex:1;border:1px solid var(--primary);overflow-y:auto}@media screen and (max-width: 1000px){header{display:flex;justify-content:center}.main-container{flex-direction:column-reverse}aside{height:fit-content;width:100%;overflow:hidden}}