@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Zen+Tokyo+Zoo&display=swap);@import url(https://fonts.googleapis.com/css2?family=Otomanopee+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ruslan+Display&display=swap);@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);@import url(https://fonts.googleapis.com/css2?family=Tourney:wght@300;400;500;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap);@import url(https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat+Brush&display=swap);@import url(https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap);*{box-sizing:border-box;cursor:none;margin:0;padding:0}body,html{font-family:Poppins,sans-serif}.Banner{height:100vh;position:fixed;width:100%;z-index:-2}html{scroll-behavior:smooth}.App .wip{background:linear-gradient(-45deg,#ffd900,#fb0);border:2px solid #000;border-radius:.5em;bottom:2em;box-shadow:0 0 12px -5px #0000004d;font-weight:700;padding:.6em;position:fixed;right:2em;text-align:center;z-index:1000}#cursor{align-items:center;background:#fff;border-radius:50%;display:flex;justify-content:center;mix-blend-mode:difference;pointer-events:none;position:fixed;transition:width .3s;z-index:100}::-webkit-scrollbar{background:#eef5f8;height:.5em;margin-top:30px;width:.8rem}::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 12px -5px #0003}::-webkit-scrollbar-thumb{background:#0327d8;border-radius:0}::-webkit-scrollbar-thumb:window-inactive{background:#0327d8}@media only screen and (max-width:1130px){::-webkit-scrollbar{width:0}}.stopScroll{height:100vh;overflow:hidden}.Page{left:0;pointer-events:none;position:absolute;top:0;width:100%}.Page .content{background:#eef5f8;pointer-events:all}.Page .content section{margin:0 auto;max-width:70em;padding:5em 1em;width:100%}.Page .content section .sectionTitle{display:flex;font-size:2em;font-weight:700;justify-content:center}.Page .content section .sectionTitle h1{align-items:center;color:#101010;display:flex}.Page .content section .sectionTitle h1 span{background:#0327d8;display:block;height:50%;margin-left:.1em;position:relative;width:.5em}.Page .content section .sectionTitle h1 span:before{border-bottom:.38em solid #0000;border-left:.38em solid #0327d8;border-top:.38em solid #0000;content:"";height:0;left:100%;position:absolute;top:0;width:0}.Page .content section .sectionSubTitle{color:#505050;font-weight:700;margin-bottom:5em;margin-top:-.8em;text-align:center}.Page .content #contact{background:linear-gradient(135deg,#0327d8,#02063d);margin:0;max-width:100%;padding:0;scroll-margin:4em;scroll-snap-align:start;scroll-snap-stop:normal}.Page .content #contact .sectionSpanBG{padding-top:3em}.Page .content #contact .sectionSpanBG .sectionTitle{mix-blend-mode:difference}.Page .content #contact .sectionSpanBG .sectionTitle h1{color:#fff}.Page .content #contact .sectionSpanBG .sectionTitle h1 span{display:none}.Page .content #contact .sectionSpanBG .sectionSubTitle{color:silver;margin-bottom:3em}.Contact .cols{display:flex;margin:0 auto;max-width:70em;padding:0 1em 2em;width:100%}.Contact .cols .col{flex:1 1}.Contact .cols .col1 .text{color:#fff;font-size:1.2em;margin-bottom:2em}.Contact .cols .col1 .contactButtons{align-items:center;display:flex;gap:1em}.Contact .cols .col1 .contactButtons .downloadResumeLink{flex:1 1;text-decoration:none}.Contact .cols .col1 .contactButtons .downloadResumeLink button{align-items:center;background:#fff;border:none;border-radius:.5em;display:flex;height:100%;justify-content:center;outline:none;padding:1.3em 2em;width:100%}.Contact .cols .col1 .contactButtons .downloadResumeLink button .downloadIcon{margin-right:.5em;margin-top:.5em}.Contact .cols .col1 .contactButtons .downloadResumeLink button p{align-items:flex-start;display:flex;flex-direction:column;font-size:2em;font-weight:700;line-height:.75em}.Contact .cols .col1 .contactButtons .downloadResumeLink button p span{font-size:.5em;font-weight:500}.Contact .cols .col1 .contactButtons .socialLink{background:#000;border-radius:.5em;height:4.9em;padding:1.2em;width:4.9em}.Contact .cols .col1 .contactButtons .socialLink img{width:100%}.Contact .cols .col1 .contactButtons .socialLink:hover{background:#0327d8}.Contact .cols .col1 .copyEmailButton{background:#0000;border:2px solid #fff;border-radius:.3em;color:#fff;font-size:1.8em;font-weight:700;height:-webkit-max-content;height:max-content;margin-top:.5em;mix-blend-mode:difference;padding:.71em 0;width:100%}.Contact .cols .col1 .copyEmailButton:hover{background:#fff!important;color:#101010!important}.Contact .cols .col2{position:relative}.Contact .cols .col2 .imageHolder{height:100%;position:relative;width:100%;z-index:50}.Contact .cols .col2 .imageHolder img{bottom:-4.7em;height:31em;position:absolute;right:0}@media only screen and (max-width:1020px){.Contact .cols{padding-bottom:5em}.Contact .col1{margin:0 auto;max-width:30em;width:100%}.Contact .col2{display:none}}@media only screen and (max-width:430px){.Contact .cols .col1 .contactButtons{gap:.5em}.Contact .cols .col1 .contactButtons .downloadResumeLink button{padding:1em}.Contact .cols .col1 .contactButtons .downloadResumeLink button p{font-size:6vw}.Contact .cols .col1 .contactButtons .socialLink{height:4.2em;padding:.5em;width:4.2em}.Contact .cols .col1 .copyEmailButton{font-size:6.5vw}}.Skills .cards{display:flex;justify-content:center;margin-top:2em}.Skills .cards .card{background:#fff;border-radius:.5em;box-shadow:0 5px 12px -5px #00000026;flex:1 1;height:20em;margin:0 1em}.Footer{background:#eef5f8;display:flex;flex-direction:column;height:55em;justify-content:flex-end;pointer-events:all;position:relative;width:100%}.Footer .gift{left:0;margin:0 auto;max-width:40em;padding-top:4em;position:absolute;right:0;top:0;width:95%;z-index:10}.Footer .gift .giftTitle{display:flex;font-size:1.6em;font-weight:700;justify-content:center;margin-bottom:1em}.Footer .gift .giftTitle h1{align-items:center;color:#101010;display:flex}.Footer .gift .giftTitle h1 span{background:#0327d8;display:block;height:50%;margin-left:.1em;position:relative;width:.5em}.Footer .gift .giftTitle h1 span:before{border-bottom:.38em solid #0000;border-left:.38em solid #0327d8;border-top:.38em solid #0000;content:"";height:0;left:100%;position:absolute;top:0;width:0}.Footer .gift .giftHolder{background:#fff;border-radius:.5em;box-shadow:0 0 12px 0 #00000026;overflow:hidden;padding:.1em;position:relative;width:100%}.Footer .gift .giftHolder:before{background:linear-gradient(#5672ff,#0327d8);content:"";height:10em;left:.5em;position:absolute;top:-2em;transform:rotate(45deg);width:2em;z-index:2}.Footer .gift .giftHolder .giftImage{border-radius:.5em;height:22.35em;width:100%}.Footer .gift .giftHolder .giftOverlay{background-image:linear-gradient(to bottom right,#303030,#0327d8);border-radius:.5em;border-bottom-right-radius:0;border-top-right-radius:0;bottom:.5em;box-shadow:5px 0 12px -3px #000c;left:.1em;position:absolute;right:.1em;top:.1em;width:50%}.Footer .gift .giftHolder .giftOverlay .giftContent{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:3.2em 1.5em 1em;width:100%}.Footer .gift .giftHolder .giftOverlay .giftContent h1{color:#fff;font-size:2.7em;line-height:1em;margin-bottom:.2em}.Footer .gift .giftHolder .giftOverlay .giftContent p{color:silver;font-size:1.1em}.Footer .gift .giftHolder .giftOverlay .giftContent .giftButtons{pointer-events:all}.Footer .gift .giftHolder .giftOverlay .giftContent .giftButtons .giftDownload{background:none;border:2px solid #fff;border-radius:.5em;color:#fff;font-size:1.2em;font-weight:700;padding:1em;width:100%}.Footer .gift .giftHolder .giftOverlay .giftContent .giftButtons .giftDownload:hover{background:#0327d8}.Footer .gift .giftHolder .giftOverlay .giftContent .giftButtons .giftView{border-bottom:1px solid #fff;color:#fff;font-size:.9em;margin:1em auto 0;padding:.2em 0;position:relative;text-align:center;width:-webkit-max-content;width:max-content}.Footer .gift .giftHolder .giftOverlay .giftContent .giftButtons .giftView:after{background:#fff;bottom:0;content:"";height:.2em;left:0;margin:0 auto;position:absolute;right:0;transition:width .3s;width:0}.Footer .gift .giftHolder .giftOverlay .giftContent .giftButtons .giftView:hover:after{width:100%}.Footer .foot{align-items:center;background:#101010;display:flex;height:50%;justify-content:center;padding-bottom:7em;padding-top:10em;position:relative;width:100%}.Footer .foot .footWrapper{display:flex;height:100%;max-width:70em;width:90%}.Footer .foot .col{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center}.Footer .foot .col1{align-items:flex-start;justify-content:flex-start}.Footer .foot .col1 p{color:#fff;margin-bottom:1em}.Footer .foot .col1 img{margin-left:-2.5em;width:18em}.Footer .foot .col2 a{border-bottom:.1em solid #fff;color:#fff;padding:.2em 0;position:relative;text-decoration:none}.Footer .foot .col2 a:after{background:#fff;bottom:0;content:"";height:.2em;left:0;margin:0 auto;position:absolute;right:0;transition:width .3s;width:0}.Footer .foot .col2 a:hover:after{width:100%}.Footer .foot .col3{align-items:flex-end;justify-content:space-between}.Footer .foot .col3 .footerSocials,.Footer .foot .col3 img{margin-left:.5em;width:2em}.Footer .foot .col3 .footerSocials:first-child,.Footer .foot .col3 img:first-child{margin-left:0;margin-right:.5em}.Footer .foot .col3 p{color:#fff;font-weight:700}@media only screen and (max-width:900px){.foot{padding-bottom:1em!important}.foot .footWrapper{gap:2em}.foot .footWrapper,.foot .footWrapper .col{align-items:center;flex-direction:column;justify-content:center}.foot .footWrapper .col{display:flex;text-align:center}.foot .footWrapper .col1 img{margin:0}.foot .footWrapper .col2{display:none}.foot .footWrapper .col3 img{margin:0}}@media only screen and (max-width:675px){.Footer .gift .giftHolder .giftOverlay{background-image:linear-gradient(to bottom right,#303030,#0327d8);opacity:1;width:100%}.Footer .gift .giftHolder .giftOverlay .giftContent{align-items:center;justify-content:center}.Footer .gift .giftHolder .giftOverlay .giftContent h1{text-align:center}.Footer .gift .giftHolder .giftOverlay .giftContent p{margin-bottom:1.5em;text-align:center}}.Header{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;transition:opacity .5s;width:100%;z-index:-1}.Header .title{max-width:45em;pointer-events:all;position:fixed;text-align:center;width:90%;z-index:-1}.Header .title .intro{background:#fff;color:#101010;font-family:Indie Flower;font-size:1.3em;font-weight:700;padding:.5em 1em;position:relative;transform:rotate(-3deg);width:-webkit-max-content;width:max-content}.Header .title .name{background:#101010;box-shadow:0 0 32px -5px #000c;color:#fff;font-family:Press Start\ 2P;font-size:5em;margin-top:-.3em;padding:.5em;position:relative;text-align:center;transform:rotate(-3deg)}.Header .title .info{color:#fff;font-family:Indie Flower;font-size:2rem;font-weight:medium;letter-spacing:.03em;margin:1em 0;text-align:center;text-shadow:2px 2px 0 #101010;width:100%}.Header .title .callToAction{display:flex;gap:1em;justify-content:center;margin-top:1.5em}.Header .title .callToAction a{flex:1 1;text-decoration:none}.Header .title .callToAction button{background:#0000;border:2px solid #fff;border-radius:.5em;box-shadow:0 0 32px -10px #000c;color:#fff;display:flex;font-size:1.2em;font-weight:700;justify-content:center;padding:1em 0;pointer-events:all;width:100%}.Header .title .callToAction button img{height:1em;margin-left:-.5em;opacity:0;transition:all .5s}.Header .title .callToAction button:hover{background:#0327d8}.Header .title .callToAction button:hover .mainArrow{margin-left:2em;opacity:1}.Header .title .callToAction button:hover img{margin-left:0;opacity:1}.Header .title .callToAction .primaryButton{background:#101010}.Header .scrollIcon{background:#000;border:2px solid #fff;border-radius:1em;bottom:1em;height:2.8em;left:0;margin:0 auto;opacity:.6;position:fixed;right:0;width:1.3em;z-index:-1}.Header .scrollIcon .scrollDot{animation:bob .8s ease-in infinite alternate;background:#fff;border-radius:50%;height:.4em;margin:.3em auto 0;width:.4em}@keyframes bob{to{margin-top:1.8em;opacity:.3}}@media only screen and (max-width:800px){.Header .title .name{font-size:10vw}.Header .title .callToAction{font-size:.9em}}@media only screen and (max-width:500px){.Header .title .callToAction img{display:none}}.Navbar{pointer-events:all;z-index:100}.Navbar,.Navbar .navbarBG{height:4em;position:fixed;width:100%}.Navbar .navbarBG{background:#eef5f8;box-shadow:0 0 12px -5px #000c;opacity:0;pointer-events:none;transition:opacity .5s;z-index:-1}.Navbar .bar{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:70em;padding:0 1em;width:100%}.Navbar .bar a{color:#fff;letter-spacing:.1em;text-decoration:none}.Navbar .bar .linkState{color:#101010}.Navbar .bar .left,.Navbar .bar .left .menuIcon{align-items:center;display:flex}.Navbar .bar .left .menuIcon{height:1.3em;margin-bottom:.2em;margin-right:0;position:relative;transition:all .5s;width:0}.Navbar .bar .left .menuIcon .hamburger{background:#fff;height:.2em;width:100%}.Navbar .bar .left .menuIcon .hamburger:before{top:0;transform-origin:left top}.Navbar .bar .left .menuIcon .hamburger:after,.Navbar .bar .left .menuIcon .hamburger:before{background:inherit;content:"";height:inherit;left:0;position:absolute;transition:all .3s;width:inherit}.Navbar .bar .left .menuIcon .hamburger:after{bottom:0;transform-origin:left bottom}.Navbar .bar .left .menuIcon .hamburgerColor{background:#101010}.Navbar .bar .left .menuIcon .menuOpen{background:#0000}.Navbar .bar .left .menuIcon .menuOpen:before{background:#101010;margin-left:.2em;transform:rotate(41deg)}.Navbar .bar .left .menuIcon .menuOpen:after{background:#101010;margin-left:.2em;transform:rotate(-41deg)}.Navbar .bar .left .title{font-family:Amatic SC;font-size:2.1em;font-weight:700}.Navbar .bar .navLinks{align-items:center;display:flex;font-size:1em;gap:3em;justify-content:space-between}.Navbar .bar .navLinks .link{position:relative}.Navbar .bar .navLinks .link:after{background:#0327d8;bottom:-.3em;content:"";height:.2em;left:0;margin:0 auto;position:absolute;right:0;transition:width .3s;width:0}.Navbar .bar .navLinks .link:hover:after{width:100%}.Navbar .bar .navLinks .resume{border:2px solid #0327d8;border-radius:.3em;box-shadow:0 0 12px -5px #0000004d;font-weight:600;padding:.4em 1em}.Navbar .bar .navLinks .resume:hover{background:#0327d8}.Navbar .bar .navLinks .resume:after{content:none}.Navbar .bar .navLinks .resumeOffset{color:#0327d8}.Navbar .bar .navLinks .resumeOffset:hover{background:accent;color:#fff}.Navbar .menu{background:#eef5f8;display:none;height:100vh;position:fixed;transform:translateX(-100%);transition:all .3s;width:100vw}.Navbar .menuState{transform:translateX(0)}@media only screen and (max-width:1130px){.Navbar .bar .left .menuIcon{margin-right:1.5em;width:1.8em}.Navbar .bar .navLinks{width:-webkit-max-content;width:max-content}.Navbar .bar .navLinks .link{display:none}.Navbar .bar .navLinks .resume{display:block}.Navbar .menu{align-items:center;display:flex;justify-content:center}.Navbar .menu .menuLinks{font-size:1.5em;list-style:none;margin-bottom:4em;text-align:center;width:100%}.Navbar .menu .menuLinks li{margin:1em 0}.Navbar .menu .menuLinks li a{border-bottom:.1em solid #505050;color:#101010;text-decoration:none}.Navbar .menu .menuLinks li a:hover{font-weight:700}}.Projects{display:flex;flex-wrap:wrap;gap:2em;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto 1fr;justify-content:center}.Projects .projectCard{background:#fff;border-radius:.5em;box-shadow:0 5px 12px 0 #00000026;display:flex;flex-direction:column;height:100%;justify-content:space-between;max-width:21em;padding:1.1em 1.5em;width:100%}.Projects .projectCard .projectInfo .projectHeader{margin-bottom:1em}.Projects .projectCard .projectInfo .projectHeader .projectTitle{font-size:1.8em;line-height:1em}.Projects .projectCard .projectInfo .projectHeader .projectOrg{color:#505050;font-size:.9em;margin-top:.1em}.Projects .projectCard .projectInfo .projectCover{border-radius:.5em;box-shadow:0 0 12px 0 #0327d81a;width:100%}.Projects .projectCard .projectInfo .projectData{align-items:center;color:#505050;display:flex;font-size:.9em;justify-content:space-between;margin-bottom:1em}.Projects .projectCard .projectInfo .projectData .projectTech{align-items:center;display:flex;gap:.3em}.Projects .projectCard .projectLinks .projectLinks{display:flex;gap:.5em}.Projects .projectCard .projectLinks .projectLinks a{flex:1 1;margin-top:1em;text-decoration:none}.Projects .projectCard .projectLinks .projectLinks .projectButton{align-items:center;background:none;border:2px solid #101010;border-radius:.5em;color:#101010;display:flex;font-size:1em;font-weight:700;height:-webkit-max-content;height:max-content;justify-content:center;padding:.9em 0;width:100%}.Projects .projectCard .projectLinks .projectLinks .projectButton .projectButtonIcon{height:1.2em;margin-right:.5em}.Projects .projectCard .projectLinks .projectLinks .projectButton p{margin-top:.2em}.Projects .projectCard .projectLinks .projectLinks .projectGithub{border:2px solid #202020;color:#202020}.Projects .projectCard .projectLinks .projectLinks .projectGithub:hover{background:#202020;color:#fff}.Projects .projectCard .projectLinks .projectLinks .projectWebsite{border:2px solid #0327d8;color:#0327d8}.Projects .projectCard .projectLinks .projectLinks .projectWebsite:hover{background:#0327d8;color:#fff}.Projects .projectCard .projectLinks .privateLink{background:#303030;border-radius:.5em;color:#fff;display:flex;font-size:1em;font-weight:700;justify-content:center;margin-top:1em;padding:.9em 0;text-align:center;width:100%}.Projects .projectCard .projectLinks .privateLink .privateButtonIcon{height:1.2em;margin-right:.5em;margin-top:.1em}.Projects .loadWrapper{text-align:center;width:100%}.Projects .loadWrapper .loadMore{background:#0327d8;border:none;border-radius:.5em;box-shadow:0 0 12px -5px #0000004d;color:#fff;cursor:default;font-weight:700;outline:none;padding:1em 1.2em}
/*# sourceMappingURL=main.d7e95579.css.map*/