.row{display:grid;grid-template-columns:repeat(12,1fr)}.row--gap{grid-column-gap:2rem}.col--start-1{grid-column-start:1;grid-row-start:1}.col-1{grid-column-end:span 1}.col--start-2{grid-column-start:2;grid-row-start:1}.col-2{grid-column-end:span 2}.col--start-3{grid-column-start:3;grid-row-start:1}.col-3{grid-column-end:span 3}.col--start-4{grid-column-start:4;grid-row-start:1}.col-4{grid-column-end:span 4}.col--start-5{grid-column-start:5;grid-row-start:1}.col-5{grid-column-end:span 5}.col--start-6{grid-column-start:6;grid-row-start:1}.col-6{grid-column-end:span 6}.col--start-7{grid-column-start:7;grid-row-start:1}.col-7{grid-column-end:span 7}.col--start-8{grid-column-start:8;grid-row-start:1}.col-8{grid-column-end:span 8}.col--start-9{grid-column-start:9;grid-row-start:1}.col-9{grid-column-end:span 9}.col--start-10{grid-column-start:10;grid-row-start:1}.col-10{grid-column-end:span 10}.col--start-11{grid-column-start:11;grid-row-start:1}.col-11{grid-column-end:span 11}.col--start-12{grid-column-start:12;grid-row-start:1}.col-12{grid-column-end:span 12}@media (max-width:0em){.col-start-col-1{grid-column-start:1;grid-row-start:1}.col-start-1{grid-column-end:span 1}.col-start-col-2{grid-column-start:2;grid-row-start:1}.col-start-2{grid-column-end:span 2}.col-start-col-3{grid-column-start:3;grid-row-start:1}.col-start-3{grid-column-end:span 3}.col-start-col-4{grid-column-start:4;grid-row-start:1}.col-start-4{grid-column-end:span 4}.col-start-col-5{grid-column-start:5;grid-row-start:1}.col-start-5{grid-column-end:span 5}.col-start-col-6{grid-column-start:6;grid-row-start:1}.col-start-6{grid-column-end:span 6}.col-start-col-7{grid-column-start:7;grid-row-start:1}.col-start-7{grid-column-end:span 7}.col-start-col-8{grid-column-start:8;grid-row-start:1}.col-start-8{grid-column-end:span 8}.col-start-col-9{grid-column-start:9;grid-row-start:1}.col-start-9{grid-column-end:span 9}.col-start-col-10{grid-column-start:10;grid-row-start:1}.col-start-10{grid-column-end:span 10}.col-start-col-11{grid-column-start:11;grid-row-start:1}.col-start-11{grid-column-end:span 11}.col-start-col-12{grid-column-start:12;grid-row-start:1}.col-start-12{grid-column-end:span 12}}@media (max-width:48em){.col-sm-col-1{grid-column-start:1;grid-row-start:1}.col-sm-1{grid-column-end:span 1}.col-sm-col-2{grid-column-start:2;grid-row-start:1}.col-sm-2{grid-column-end:span 2}.col-sm-col-3{grid-column-start:3;grid-row-start:1}.col-sm-3{grid-column-end:span 3}.col-sm-col-4{grid-column-start:4;grid-row-start:1}.col-sm-4{grid-column-end:span 4}.col-sm-col-5{grid-column-start:5;grid-row-start:1}.col-sm-5{grid-column-end:span 5}.col-sm-col-6{grid-column-start:6;grid-row-start:1}.col-sm-6{grid-column-end:span 6}.col-sm-col-7{grid-column-start:7;grid-row-start:1}.col-sm-7{grid-column-end:span 7}.col-sm-col-8{grid-column-start:8;grid-row-start:1}.col-sm-8{grid-column-end:span 8}.col-sm-col-9{grid-column-start:9;grid-row-start:1}.col-sm-9{grid-column-end:span 9}.col-sm-col-10{grid-column-start:10;grid-row-start:1}.col-sm-10{grid-column-end:span 10}.col-sm-col-11{grid-column-start:11;grid-row-start:1}.col-sm-11{grid-column-end:span 11}.col-sm-col-12{grid-column-start:12;grid-row-start:1}.col-sm-12{grid-column-end:span 12}}@media (max-width:64em){.col-md-col-1{grid-column-start:1;grid-row-start:1}.col-md-1{grid-column-end:span 1}.col-md-col-2{grid-column-start:2;grid-row-start:1}.col-md-2{grid-column-end:span 2}.col-md-col-3{grid-column-start:3;grid-row-start:1}.col-md-3{grid-column-end:span 3}.col-md-col-4{grid-column-start:4;grid-row-start:1}.col-md-4{grid-column-end:span 4}.col-md-col-5{grid-column-start:5;grid-row-start:1}.col-md-5{grid-column-end:span 5}.col-md-col-6{grid-column-start:6;grid-row-start:1}.col-md-6{grid-column-end:span 6}.col-md-col-7{grid-column-start:7;grid-row-start:1}.col-md-7{grid-column-end:span 7}.col-md-col-8{grid-column-start:8;grid-row-start:1}.col-md-8{grid-column-end:span 8}.col-md-col-9{grid-column-start:9;grid-row-start:1}.col-md-9{grid-column-end:span 9}.col-md-col-10{grid-column-start:10;grid-row-start:1}.col-md-10{grid-column-end:span 10}.col-md-col-11{grid-column-start:11;grid-row-start:1}.col-md-11{grid-column-end:span 11}.col-md-col-12{grid-column-start:12;grid-row-start:1}.col-md-12{grid-column-end:span 12}}@media (max-width:75em){.col-lg-col-1{grid-column-start:1;grid-row-start:1}.col-lg-1{grid-column-end:span 1}.col-lg-col-2{grid-column-start:2;grid-row-start:1}.col-lg-2{grid-column-end:span 2}.col-lg-col-3{grid-column-start:3;grid-row-start:1}.col-lg-3{grid-column-end:span 3}.col-lg-col-4{grid-column-start:4;grid-row-start:1}.col-lg-4{grid-column-end:span 4}.col-lg-col-5{grid-column-start:5;grid-row-start:1}.col-lg-5{grid-column-end:span 5}.col-lg-col-6{grid-column-start:6;grid-row-start:1}.col-lg-6{grid-column-end:span 6}.col-lg-col-7{grid-column-start:7;grid-row-start:1}.col-lg-7{grid-column-end:span 7}.col-lg-col-8{grid-column-start:8;grid-row-start:1}.col-lg-8{grid-column-end:span 8}.col-lg-col-9{grid-column-start:9;grid-row-start:1}.col-lg-9{grid-column-end:span 9}.col-lg-col-10{grid-column-start:10;grid-row-start:1}.col-lg-10{grid-column-end:span 10}.col-lg-col-11{grid-column-start:11;grid-row-start:1}.col-lg-11{grid-column-end:span 11}.col-lg-col-12{grid-column-start:12;grid-row-start:1}.col-lg-12{grid-column-end:span 12}}@font-face{font-family:Basement Grotesque;src:local("BasementGrotesque"),url(/static/media/basementgrotesque.0abae339634ba22c83f2.woff) format("woff"),url(/static/media/basementgrotesque.1203e301d26b4a120a6e.woff2) format("woff2")}@font-face{font-family:Inter;src:local("Inter"),url(/static/media/inter-roman.73d88d2ca065037a4d55.woff2) format("woff2")}@font-face{font-family:Blackhawk;src:local("Blackhawk"),url(/static/media/blackhawk.d579ccf066e83508c52a.ttf) format("truetype")}html{overflow-y:auto}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--grey-900);font-family:Inter,sans-serif;margin:0}h3{font-size:2rem}::selection{background:transparent;color:var(--tertiary-500)}.font-title{font-family:Basement Grotesque,sans-serif}.font-title-swash{font-family:Blackhawk,sans-serif}.font-outlined{-webkit-text-stroke:2px var(--grey-900);color:transparent}.font-outlined::selection{-webkit-text-stroke-color:var(--tertiary-500);color:transparent}.text-xxl{font-size:4rem}.text-2xxl{font-size:6rem}.text-primary{color:var(--primary-500)}.title-combo{display:flex;flex-direction:column}.title-combo--center{align-items:center}.title-combo .title-back{opacity:.8}.title-combo .title-front{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.btn{align-items:center;background:transparent;border:2px solid var(--tertiary-500);color:var(--tertiary-500);display:inline-flex;flex-direction:row;font-family:Basement Grotesque;justify-content:center;outline:none;padding:1rem 2.5rem;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.btn:hover{background:var(--tertiary-500);color:var(--grey-100)}.highlight{color:var(--tertiary-500);font-weight:700}.mb-2{margin-bottom:2rem}.mb-4{margin-bottom:4rem}.mt-2{margin-top:2rem}.mt-4{margin-top:4rem}@media (max-width:48em){body{word-wrap:break-word}.title-combo,body{text-align:center}.title-combo .title-back{position:relative;-webkit-transform:translateY(60%)!important;transform:translateY(60%)!important}.title-combo .title-front{font-size:70px;line-height:4rem;-webkit-transform:none!important;transform:none!important}.hero--title-img{max-width:100%}#contact-btn-container{margin-top:2rem!important}}:root{--grey-100:#040609;--grey-900:#ccd6e6;--secondary-500:#e220ae;--tertiary-500:#8e34a7;--primary-500:#01feee}html{background-color:#040609;background-color:var(--grey-100);color:#ccd6e6;color:var(--grey-900);overflow-x:hidden;scroll-behavior:smooth}.App{margin:0 auto;max-width:1500px}.social-media-stack{gap:1rem;margin-bottom:2rem}.social-media-stack,.social-media-stack .social-media-stack--item{align-items:center;display:flex;flex-direction:row;justify-content:center}.social-media-stack .social-media-stack--item{border:2px solid var(--primary-500);border-radius:50%;color:var(--primary-500);height:2.5rem;width:2.5rem}.social-media-stack .social-media-stack--item:hover{background:var(--primary-500);color:var(--grey-100)}#contact-btn-container{display:flex;flex-direction:row;justify-content:center;margin-bottom:2rem;margin-top:-2rem}#footer{padding-bottom:8rem;padding-top:4rem}#footer,#hero{position:relative}#hero{padding:6rem}#hero .hero--title{margin-top:6rem}#hero .hero--title .hero--title-img{height:auto;width:30rem}#hero .hero--poster-img{position:absolute;right:-25%;top:0;width:700px}.hero--overview p{inline-size:550px}@media (max-width:48em){#hero{padding:3rem;text-align:center}#hero .hero--poster-img{height:auto;margin:0 auto;max-width:100%;position:relative;right:auto;width:100%}#hero .hero--overview p{max-inline-size:100%}}.menu{display:flex;flex-direction:row;gap:1rem}.menu .menu--item{cursor:pointer;opacity:.7;transition:opacity .2s ease}.menu .menu--item.active,.menu .menu--item:hover{color:var(--tertiary-500);opacity:1}@media (max-width:48em){.menu{align-items:center;justify-content:center}}.preloader{align-items:center;background-color:var(--grey-100);bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100vw;z-index:99999}.section{padding:6rem}.section--screenshot{height:auto}.section--screenshot,.section--video{border-radius:.5rem;margin-top:4rem;max-width:100%;width:900px}.section--video{height:500px}#other-skills .skill-card{background:rgba(99,108,121,.1);box-sizing:border-box;flex-basis:25%;flex:1 1;padding:3rem;position:relative}#other-skills .skill-card:after{border:4px solid var(--tertiary-500);box-sizing:border-box;content:"";display:block;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:all .2s ease-out;width:100%}#other-skills .skill-card:hover{background:var(--tertiary-500);color:#fff}#other-skills .skill-card:hover h3{color:#fff}#other-skills .skill-card:hover:after{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}#pixel-art-examples{display:flex;flex-direction:row}#pixel-art-examples .pixel-art-example{max-width:25%;width:170px}@media (max-width:48em){.section{padding:3rem}}@media (max-width:1067px){.skill-card{grid-column-end:span 12;text-align:center}}
/*# sourceMappingURL=main.47104bd8.css.map*/