body{overflow-x:hidden}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: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:Arges Condensed Black;src:url(/assets/Arges-BlackCondensed-0bf07ad1.woff2) format("woff2");font-style:normal;font-display:swap}nav{grid-column:2 / 3;grid-row:auto}#navWrapper{display:flex;flex-direction:column;font-family:Arges Condensed Black,sans-serif}[class*=text-stroke-fill-]{font-size:10vw;letter-spacing:3px;text-transform:uppercase;text-decoration:none;position:relative;display:inline-block;width:max-content;color:#fff;-webkit-text-stroke:0px;white-space:nowrap}[class*=text-stroke-fill-]:before{content:attr(data-fill);position:absolute;white-space:nowrap;background-clip:text;-webkit-background-clip:text;transition:all .3s cubic-bezier(.19,1,.4,1);-webkit-text-stroke:.5px #fff}[class*=-fill-ttb]:before{top:0;bottom:100%;left:0}[class*=-fill-ttb]:hover:before{bottom:0}[class*=text-stroke-fill-]:hover{cursor:pointer;color:transparent}@media (max-width: 1400px){[class*=text-stroke-fill-]{font-size:11.5vw}}@media (max-width: 1300px){#navWrapper{align-items:center}nav{grid-column:3 / 4}[class*=text-stroke-fill-]{font-size:12vw}}@media (max-width: 1200px){[class*=text-stroke-fill-]{font-size:14vw}}@media (max-width: 1100px){#navWrapper{height:100%;justify-content:center}}@media (max-width: 800px){nav{grid-column:1 / 4;grid-row:1}#navWrapper{flex-direction:row;justify-content:space-evenly;align-items:start}}@media (min-width: 1400px) and (max-width: 1600px){[class*=text-stroke-fill-]{font-size:11vw}}@media (min-width: 1600px) and (max-width: 1700px){[class*=text-stroke-fill-]{font-size:10.5vw}}.socialContainer{grid-column:1 / 3}#socialMedia{display:flex;align-items:center;flex-direction:row;gap:2rem;margin-bottom:3vh}#socialMedia li:last-child{margin-left:auto;font-size:1.5rem;text-decoration:underline}#socialMedia li:nth-child(4){margin-left:calc(50% - 5rem);font-size:1.5rem}#socialMedia li{color:#fff}#socialMedia li img{width:3vh;filter:invert(100%);transition:ease .3s}#socialMedia li img:hover{filter:invert(60%)}@media (max-width: 1600px){.socialContainer{align-self:end}}@media (max-width: 1300px){.socialContainer{grid-column:1 / 4}}@media (max-width: 810px){.socialContainer{text-align:start}#socialMedia{margin-bottom:12vh}#socialMedia li:nth-child(4){margin-left:25%}#socialMedia li:nth-child(5){margin-right:2.5rem}}@media (max-width: 650px){#socialMedia li:nth-child(4){margin-left:15%}#socialMedia li:nth-child(5){margin-right:2.5rem}}@media (max-width: 550px){#socialMedia{margin-bottom:9vh}#socialMedia li:nth-child(4){margin-left:10%;font-size:1rem}#socialMedia li:nth-child(5){margin-right:0rem;font-size:1rem}}@media (max-width: 400px){#socialMedia li:nth-child(4){margin-left:2%}#socialMedia li:nth-child(5){margin-right:2rem}}@font-face{font-family:Aventa;src:url(/assets/Aventa-Regular-c2b6606d.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}#leftText{grid-column:1/2;grid-row:1/2;color:#fff;display:flex;flex-direction:column;gap:25%;padding:calc(6.66667vh - .5vw) 3.3333333333vw 0}.mainText{display:flex;flex-direction:column}.name,.thirdLine,.role{vertical-align:top;font-size:3.14vw;line-height:1.15;text-transform:uppercase}.role{text-align:center}.thirdLine{text-align:end}#verticalText{display:block;width:4rem;writing-mode:vertical-rl;text-orientation:sideways;font-size:1.7rem;transform:rotate(180deg)}#verticalText:hover{transform:rotate(270deg)}.secondTitle{color:#8c8cff;font-size:1.8rem}@media (max-width: 1300px){#leftText{gap:10%;grid-column:1 / 3}.name,.thirdLine,.role{font-size:4.2vw}#verticalText{font-size:2.2rem;margin-left:2rem}}@media (max-width: 1000px){#leftText{gap:0;justify-content:space-around}.name,.thirdLine,.role{font-size:4.7vw}#verticalText{font-size:2.2rem}}@media (max-width: 800px){#leftText{grid-column:1 / 4;grid-row:2;gap:0;padding-top:0}#verticalText{display:none}}@media (max-width: 600px){#leftText{grid-column:1 / 4;grid-row:2;gap:0;padding-top:0}#verticalText{display:none}.name,.thirdLine,.role{font-size:5.5vw}}.about{grid-column:1 / 2;grid-row:1;font-family:Aventa,sans-serif}.about h1{font-size:7rem;line-height:1.15}.about h2{font-size:1.5vw;line-height:1.15}.about h2 span,.about p span{color:#8c8cff;text-transform:uppercase}.about p span{font-size:2.2rem}.about p{font-size:2rem;letter-spacing:1px;margin-top:1.2rem;line-height:normal}.about h3{font-size:4rem;margin-top:3rem}.stackContainer{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;gap:2rem;margin-top:2rem}.stackContainer span{color:#fff;font-size:1.6rem;background-color:#3a3a7b;flex-basis:calc(25% - 4rem);padding:1.2rem;text-align:center;border-radius:5px}@media (max-width: 1400px){.about h1{font-size:5.5rem}.about h2{font-size:1.8vw}.about p{font-size:1.5rem}.about p span{font-size:1.6rem}.about h3{font-size:3.2rem}}@media (max-width: 1300px){.about{grid-column:1/3}.about h1{font-size:6rem}.about h2{font-size:1.8vw}.about p{font-size:1.6rem}.about p span{font-size:2rem}.about h3{font-size:4rem}.stackContainer span{font-size:1.6rem}}@media (max-width: 1200px){.about h1{font-size:5.5rem}.about h2{font-size:1.8vw}.about p{font-size:1.5rem}.about p span{font-size:1.6rem}.about h3{font-size:3.2rem}.stackContainer span{font-size:1.5rem}}@media (max-width: 800px){.about{grid-column:1 / 4;grid-row:2}.stackContainer{margin-bottom:5rem}}@media (max-width: 650px){.stackContainer{grid-template-columns:repeat(3,1fr)}}@media (max-width: 500px){.stackContainer{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1400px) and (max-width: 1600px){.about h1{font-size:6rem}.about h2{font-size:1.2vw}.about p{font-size:1.6rem}.about p span{font-size:1.8rem}.about h3{font-size:3.5rem}.stackContainer span{font-size:1.4rem}}@media (min-width: 1600px){.about h1{font-size:6.5rem}.about h2{font-size:1.4vw}.about p{font-size:1.8rem}.about p span{font-size:2rem}.about h3{font-size:3.8rem}.stackContainer span{font-size:1.5rem}}.projects{grid-column:1 / 2;grid-row:1;font-family:Aventa,sans-serif;padding:calc(6.66667vh - .5vw) 3.3333333333vw 0}.projectsContainer{overflow-y:scroll;max-height:75vh;padding-right:40px;width:100%}.projects ul{display:flex;flex-wrap:wrap;flex-direction:column;margin-top:2rem}.projects ul p,.projects ul p a{transition:.2s;font-size:1.5rem;font-weight:500;color:#fff;opacity:1;width:max-content;text-decoration:none}.projects li{width:max-content;margin-top:2rem}.projects ul p:hover{opacity:.4}.projects ul p a:hover{color:#8c8cff}.projectTitle{font-size:2.6rem;font-weight:200;opacity:1;margin-left:1rem}.projectInfo{font-weight:700;font-size:1.3rem}@media (max-width: 1300px){.projects{grid-column:1 / 3}.projectTitle{font-size:2.4rem}}@media (max-width: 1100px){.projectTitle{font-size:2.5rem}.projects ul{padding-bottom:10px}}@media (max-width: 1000px){.projectTitle{font-size:2.2rem}}@media (max-width: 800px){.projects{grid-column:1 / 4;grid-row:2;padding-top:0}.projectsContainer{overflow-y:none;max-height:100%}.projects li{margin-top:4rem}.projects li:last-child{margin-bottom:4rem}}@media (max-width: 600px){.projectInfo{display:block;width:100%;margin-bottom:5px;font-size:1.2rem}.projectTitle{font-size:2.3rem}}@media (max-width: 420px){.projectTitle{font-size:2rem}.projects ul p,.projects ul p a{font-size:1.2rem}.projectInfo{font-size:1rem}}@media (max-width: 370px){.projectTitle{font-size:1.8rem}.projects ul p,.projects ul p a{font-size:1.1rem}.projectInfo{font-size:.9rem}}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:62.5%;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{box-sizing:border-box;margin:0;padding:0;background-color:#1a1a1a;overflow-y:hidden;text-align:justify}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}::-webkit-scrollbar{width:.6rem}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #292929;border-radius:10px}::-webkit-scrollbar-thumb{background:rgb(140,140,255);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ff7987}.App{width:100vw;height:100vh;font-family:Aventa,sans-serif;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:3%}nav,.about{padding:calc(6.66667vh - .5vw) 3.3333333333vw 0}#socialMedia{padding:0 3.3333333333vw}.projects{padding-right:0}a{color:#ff7987;transition:.3s}a:hover{color:#8c8cff}.titleHover{animation-duration:1s;animation-fill-mode:both;animation-iteration-count:1;display:inline-block}.titleHover:hover{color:#ff7987;animation-name:rubberBand}.noUppercase{text-transform:none}@media (max-width: 800px){.App{gap:0}}@media (max-height:800px){body{overflow-y:scroll}}@media (max-width: 1300px){.App{grid-template-columns:repeat(3,1fr)}}@keyframes rubberBand{0%{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleZ(1)}}
