@import url(https://fonts.googleapis.com/css2?family=Carme&family=Plus+Jakarta+Sans:wght@800&family=Source+Code+Pro:wght@500&display=swap);:root{--clr-accent-300:#263238;--clr-accent-200:#cfcece;--clr-primary-800:#1a1c20;--clr-primary-700:#263238;--clr-primary-600:#00cfff;--clr-primary-500:rgba(0,207,255,.17);--clr-primary-200:#ebebeb;--clr-primary-100:#fff;--clr-neutral-100:#fff;--clr-neutral-200:#000;--ff-accent:"Source Code Pro",monospace;--ff-primary:"Plus Jakarta Sans",sans-serif;--ff-neutral:"Carme",sans-serif;--fw-regular:400;--fw-medium:500;--fw-extraBold:800;--fw-nav:var(--fw-regular);--fw-heading:var(--fw-extraBold);--fw-hello-heading:var(--fw-medium);--fw-body:var(--fw-regular);--fs-100:1rem;--fs-200:1.125rem;--fs-300:1.25rem;--fs-400:1.5rem;--fs-500:1.875rem;--fs-600:2.25rem;--fs-700:3.125rem;--fs-800:4rem;--fs-nav:var(--fs-200);--fs-hello-heading:var(--fs-400);--fs-heading:var(--fs-800);--fs-heading-text:var(--fs-200);--fs-button:var(--fs-200);--fs-scroll:var(--fs-200);--fs-secondary-heading:var(--fs-700);--fs-secondary-heading-text:var(--fs-200);--fs-skill-text:var(--fs-500);--fs-about-text:var(--fs-200);--fs-footer-text:var(--fs-300)}@media only screen and (max-width:768px){:root{--fs-nav:var(--fs-400);--fs-hello-heading:var(--fs-300);--fs-heading:var(--fs-700);--fs-heading-text:var(--fs-300);--fs-button:var(--fs-300);--fs-secondary-heading:var(--fs-600);--fs-secondary-heading-text:var(--fs-300);--fs-skill-text:var(--fs-400);--fs-about-text:var(--fs-300);--fs-footer-text:var(--fs-300)}}*,:after,:before{box-sizing:border-box}html{font-size:100%;scroll-behavior:smooth}*{font:inherit;margin:0;padding:0}img,picture,svg,video{display:block;max-width:100%}a{text-decoration:none}.text-accent-300{color:#263238;color:var(--clr-accent-300)}.text-accent-200{color:#cfcece;color:var(--clr-accent-200)}.text-primary-800{color:#1a1c20;color:var(--clr-primary-800)}.text-primary-700{color:#263238;color:var(--clr-primary-700)}.text-primary-600{color:#00cfff;color:var(--clr-primary-600)}.text-primary-500{color:rgba(0,207,255,.17);color:var(--clr-primary-500)}.text-primary-200{color:#ebebeb;color:var(--clr-primary-200)}.text-primary-100{color:#fff;color:var(--clr-primary-100)}.text-neutral-100{color:#fff;color:var(--clr-neutral-100)}.text-neutral-200{color:#000;color:var(--clr-neutral-200)}.bg-accent-300{background-color:#263238;background-color:var(--clr-accent-300)}.bg-accent-200{background-color:#cfcece;background-color:var(--clr-accent-200)}.bg-primary-800{background-color:#1a1c20;background-color:var(--clr-primary-800)}.bg-primary-700{background-color:#263238;background-color:var(--clr-primary-700)}.bg-primary-600{background-color:#00cfff;background-color:var(--clr-primary-600)}.bg-primary-500{background-color:rgba(0,207,255,.17);background-color:var(--clr-primary-500)}.bg-primary-200{background-color:#ebebeb;background-color:var(--clr-primary-200)}.bg-primary-100{background-color:#fff;background-color:var(--clr-primary-100)}.bg-neutral-100{background-color:#fff;background-color:var(--clr-neutral-100)}.bg-neutral-200{background-color:#000;background-color:var(--clr-neutral-200)}.ff-accent{font-family:Source Code Pro,monospace;font-family:var(--ff-accent)}.ff-primary{font-family:Plus Jakarta Sans,sans-serif;font-family:var(--ff-primary)}.ff-neutral{font-family:Carme,sans-serif;font-family:var(--ff-neutral)}.fw-regular{font-weight:400;font-weight:var(--fw-regular)}.fw-medium{font-weight:500;font-weight:var(--fw-medium)}.fw-extraBold{font-weight:800;font-weight:var(--fw-extraBold)}.fs-nav{font-size:1.125rem;font-size:var(--fs-nav)}.fs-hello-heading{font-size:1.5rem;font-size:var(--fs-hello-heading)}.fs-heading{font-size:4rem;font-size:var(--fs-heading)}.fs-heading-text{font-size:1.125rem;font-size:var(--fs-heading-text)}.fs-button{font-size:1.125rem;font-size:var(--fs-button)}.fs-scroll{font-size:1.125rem;font-size:var(--fs-scroll)}.fs-secondary-heading{font-size:3.125rem;font-size:var(--fs-secondary-heading)}.fs-secondary-heading-text{font-size:1.125rem;font-size:var(--fs-secondary-heading-text)}.fs-skill-text{font-size:1.875rem;font-size:var(--fs-skill-text)}.fs-about-text{font-size:1.125rem;font-size:var(--fs-about-text)}.fs-footer-text{font-size:1.25rem;font-size:var(--fs-footer-text)}.link{color:#00cfff;color:var(--clr-primary-600)}.letterSpace{letter-spacing:2px}.container{--max-width:1200px;--horizontal-margin:1rem;margin-inline:auto;max-width:min(var(--max-width),100% - var(--horizontal-margin)*2);transition:-webkit-filter .2s ease;transition:filter .2s ease;transition:filter .2s ease,-webkit-filter .2s ease}.even-columns{grid-gap:1rem;display:grid;gap:1rem}@media(min-width:768px){.even-columns{grid-auto-columns:1fr;grid-auto-flow:column}}@media only screen and (max-width:1400px){html{font-size:95%}.container{width:82%}}@media only screen and (max-width:1024px){html{font-size:80%}.container{width:82%}}@media only screen and (max-width:768px){html{font-size:90%}.container{width:70%}}@media only screen and (max-width:480px){html{font-size:80%}.container{width:90%}}@media only screen and (max-width:320px){html{font-size:75%}}header{background:rgba(26,28,32,.502);display:flex;-webkit-filter:drop-shadow(5px 8px 10px rgba(0,0,0,.514));filter:drop-shadow(5px 8px 10px rgba(0,0,0,.5137254902));height:5rem;justify-content:center;position:fixed;top:0;transition:top .2s ease;width:100vw;z-index:100}header.show{top:-15vh}header nav{align-items:center;display:flex;justify-content:space-between;position:relative;width:90%}header nav .leftNav{display:grid;grid-column:2/3;grid-template-columns:2fr 8fr;justify-content:center}header nav .leftNav .navLogo{max-width:5rem;min-width:4rem}header nav .rightNav{align-items:center;display:grid;grid-column:3/4;grid-template-columns:7fr 4rem 2fr;justify-content:center}header nav .rightNav .navLinks{display:grid;grid-column:1/2;grid-template-columns:1fr 1fr 1fr 1fr;list-style:none}li:after{background-color:var(--clr-primary-600);bottom:-3px;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;transition:transform .25s ease-out;width:100%}a.active li{color:var(--clr-primary-600)}a.active li:after{-webkit-transform:scaleX(1);transform:scaleX(1)}header nav .rightNav .navLinks li{display:flex;justify-content:center;margin-inline:2rem}header nav .rightNav .navLinks li:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}header nav .rightNav .navLinks li:hover{color:var(--clr-primary-600)}header nav .rightNav .navLinks li a{text-align:center;transition:color .2s ease}.themeBtn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex!important;grid-column:2/3;height:2.5rem!important;justify-content:center;width:2.5rem!important}.themeBtn svg{color:#fff;font-size:1.5rem}.Resume{grid-column:3/4}.hamburger{-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;display:block;outline:none;position:absolute;right:100vw;width:2rem}.hamburger .bar,.hamburger:after,.hamburger:before{background-color:var(--clr-neutral-100);border-radius:45px;content:"";display:block;height:.15rem;margin:.4rem;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.hamburger.isActive:before{-webkit-transform:rotate(-45deg) translate(-.4rem,.4rem);transform:rotate(-45deg) translate(-.4rem,.4rem)}.hamburger.isActive:after{-webkit-transform:rotate(45deg) translate(-.4rem,-.4rem);transform:rotate(45deg) translate(-.4rem,-.4rem)}.hamburger.isActive .bar{opacity:0}.hamburger.isActive{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}@media only screen and (max-width:768px){.themeBtn{scale:1.3}header.menu.isActive .rightNav{right:-2rem}header.menu .rightNav{display:none;right:100vw;transition:right .2s ease}header.menu .hamburger{right:0}header.menu .rightNav{align-items:center;background-color:#263238;height:110vh;opacity:1;position:absolute;right:-100vw;top:0;width:80vw}header.menu .rightNav,header.menu .rightNav .navLinks{display:flex;flex-direction:column;gap:2rem}header.menu .rightNav .navLinks li{padding-bottom:2rem;text-align:center}header.menu .rightNav .Resume{display:inline;margin-top:2rem}}.footer{align-items:center;display:flex;flex-direction:column;height:5rem;justify-content:center}.cta{background-color:transparent;border:none;border:2px solid var(--clr-primary-600);border-radius:42px;height:4rem;letter-spacing:3px;transition:all .4s ease-in-out;width:12.5rem}.cta a{padding:auto}.cta:hover{background-color:var(--clr-primary-600)}.cta:hover a{color:var(--clr-primary-800)}.cta.small{height:3.125rem;width:7.5rem}.cta.small .fs-button{font-size:100%}.cta.fill{background:linear-gradient(to right,transparent 50%,var(--clr-primary-600) 50%);background-position:100% 100%;background-size:250% 100%;border-radius:45px;display:block;transition:all .2s ease-out}.cta.fill:hover{background-position:0 100%}.cta.fill:hover a{color:var(--clr-primary-600)}.cta.fill a{color:var(--clr-primary-800);display:block;line-height:30px;text-align:center;transition:all .4s ease-out}.cta.hollow{background:linear-gradient(to right,var(--clr-primary-600) 50%,transparent 50%);background-position:100% 100%;background-size:250% 100%;border-radius:45px;display:block;transition:all .2s ease-out}.cta.hollow:hover{background-position:0 100%}.cta.hollow:hover a{color:var(--clr-primary-800)}.cta.hollow a{color:var(--clr-primary-600);display:block;font-size:16px;line-height:30px;text-align:center;transition:all .4s ease-out}@media only screen and (max-width:768px){.cta{margin-inline:auto}.cta.small{height:4.125rem;width:10.5rem}.cta.small .fs-button{font-size:150%}}.scrollDots{align-items:center;display:flex;flex-direction:column;height:8.125rem;justify-content:space-between;list-style:none;margin-right:3vw;position:fixed;right:0;top:40vh}.dot{background-color:transparent;border:2px solid var(--clr-primary-600);border-radius:50%;height:1rem;width:1rem}.dot.active{height:1.25rem;width:1.25rem}body.about .scrollDots a:nth-child(3),body.contact .scrollDots a:nth-child(5),body.hero .scrollDots a:first-child,body.portfolio .scrollDots a:nth-child(4),body.skill .scrollDots a:nth-child(2){background-color:var(--clr-primary-600);border:none;border-radius:50%;height:1.25rem;width:1.25rem}@media only screen and (max-width:768px){.scrollDots{display:none}}body.changeColor .dot{background-color:none;border-color:var(--clr-primary-800)}body.changeColor.about .scrollDots a:nth-child(3),body.changeColor.contact .scrollDots a:nth-child(5),body.changeColor.hero .scrollDots a:first-child,body.changeColor.portfolio .scrollDots a:nth-child(4),body.changeColor.skill .scrollDots a:nth-child(2){background-color:var(--clr-primary-600);background-color:var(--clr-primary-800);border:none;border-radius:50%;height:1.25rem;width:1.25rem}section{min-height:100vh}.heroContainer{align-items:center;height:100vh;justify-content:space-between}.leftHero{display:flex;flex-direction:column;justify-content:center;z-index:2}.leftHero .heroText{letter-spacing:2.7px;margin-block:1.5rem;max-width:560px}.leftHero .scroll{align-items:center;bottom:5vh;display:flex;position:absolute}.leftHero .scroll .scrollImg{height:4rem}.leftHero .scroll .scrollText span{display:block}.rightHero{align-items:center;display:flex;justify-content:flex-end}.rightHero .personContainer{align-items:flex-end;background-color:transparent;border-radius:0 0 100vw 100vw;bottom:1rem;display:flex;height:35rem;overflow:hidden;position:absolute;width:21.875rem}.rightHero .heroImg{border-radius:50%;display:flex;height:25rem;justify-content:center;position:relative;width:25rem}.rightHero .heroImg .circle{background-color:var(--clr-neutral-100);border-radius:50%;height:21.875rem;margin-inline:auto;position:absolute;width:21.875rem}.rightHero .heroImg .personImg{max-width:none;-webkit-transform:translateX(-30%) translateY(40%);transform:translateX(-30%) translateY(40%);width:44rem!important}@media only screen and (max-width:768px){section{min-height:auto!important}.heroContainer{height:100%;justify-content:center;width:100%}.contactBtn{margin-inline:auto}.scroll{display:none!important}.rightHero{justify-content:center}.leftHero{margin-top:8rem}.rightHero{scale:.9}}.skillContainer{align-items:center;justify-content:space-between;min-height:100vh}.skillContainer .leftSkill{margin-top:5rem}.skillContainer .leftSkill .skillHeading{margin-block:2vh}.skillContainer .leftSkill .skillText{letter-spacing:1px}.skillContainer .leftSkill .skillList{display:grid;grid-template-columns:1fr 1fr;list-style:none}.skillContainer .leftSkill .skillList li{margin:3vh 3vh 3rem 0}.skillContainer .leftSkill .skillList li a{align-items:center;display:flex;justify-content:flex-start}.skillContainer .leftSkill .skillList li a svg{margin-right:2rem;scale:1.8}.aboutContainer{align-items:center;flex-wrap:wrap-reverse;justify-content:space-between;min-height:100vh}.aboutContainer .leftAbout .aboutImgContainer{margin-block:3.5rem;margin-inline:auto;max-width:20rem;min-width:15rem;position:relative;-webkit-transform:rotate(3deg);transform:rotate(3deg);transition:all .2s ease;z-index:3}.aboutContainer .leftAbout .aboutImgContainer:hover{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.aboutContainer .leftAbout .aboutImgContainer:hover .imgFilter{opacity:0}.aboutContainer .leftAbout .aboutImgContainer:hover .aboutPicBorder{left:1rem;top:1rem}.aboutContainer .leftAbout .aboutImg{border-radius:2rem}.aboutContainer .leftAbout .aboutPicBorder{border:2px solid var(--clr-primary-600);left:2rem;top:2rem;z-index:-1}.aboutContainer .leftAbout .aboutPicBorder,.aboutContainer .leftAbout .imgFilter{border-radius:30px;height:100%;position:absolute;transition:all .2s ease;width:100%}.aboutContainer .rightAbout{margin-top:5rem}.aboutContainer .rightAbout .aboutHeading{letter-spacing:4px}.aboutContainer .rightAbout .aboutText{line-height:2rem}.aboutContainer .rightAbout .aboutText p{margin-top:3vh}.aboutContainer .rightAbout button{margin-bottom:2rem;margin-top:3vh}@media only screen and (max-width:768px){.leftAbout{grid-row:2/3}}@media only screen and (min-width:1400px){.aboutImgContainer{min-width:25rem!important}}.portfolioItem{align-items:center;border-radius:30px;display:flex;flex-direction:column;max-height:34.375rem;max-width:36rem;overflow:hidden;position:relative}.portfolioItem:hover .itemInfo{opacity:1}.portfolioItem:hover .itemFilter{opacity:.8}.portfolioItem .itemInfo{align-items:center;bottom:0;display:flex;flex-direction:column;gap:1.5rem;opacity:0;position:absolute;transition:opacity .4s ease;width:100%}.portfolioItem .click:hover{-webkit-text-decoration:underline solid;text-decoration:underline solid}.portfolioItem .itemLinks{align-items:center;display:flex;justify-content:space-between;padding:1rem;width:100%}.portfolioItem .itemLinks div{display:flex;gap:1.5rem}.portfolioItem .itemLinks div svg{color:var(--clr-primary-600);scale:1.8;transition:scale .1s ease}.portfolioItem .itemLinks div svg:hover{scale:2}.portfolioItem .itemImage{border-radius:30px;height:100%;object-fit:cover;object-position:top;width:100%}.portfolioItem .itemFilter{background:linear-gradient(180deg,hsla(0,0%,39%,0),rgba(0,0,0,.8) 71.88%);border-radius:30px;bottom:0;opacity:0;position:absolute;transition:opacity .4s ease;width:100%}@media only screen and (max-width:1400px){.portfolioItem{height:32rem;width:28rem}}@media only screen and (max-width:768px){.portfolioItem{height:25rem;width:22rem}}.portfolioGrid{display:flex;flex-wrap:wrap;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(18rem,36rem));justify-content:center}.portfolio,.portfolioContainer{align-items:center;display:flex}.portfolioContainer{flex-direction:column;gap:2rem}.portfolioContainer .portfolioHeading{margin-top:calc(2vh + 5rem)}.portBtn{margin-bottom:2rem}@media only screen and (max-width:768px){.portfolioContainer{align-items:flex-start}.portBtn{align-self:center}}.contactInput{align-items:center;display:flex;flex-direction:column;max-width:60rem}.contactInput .contactTop{display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;width:100%}.contactInput .contactTop div{align-items:center;border-radius:30px;box-sizing:border-box;display:flex;height:4rem;overflow:hidden;width:48%}.contactInput .contactTop div input{background-color:transparent;border:none;color:var(--clr-neutral-100);height:100%;margin-left:1rem;outline:none;width:100%}.contactInput .contactMessage{border-radius:30px;height:25vh;margin-bottom:2rem;width:100%}.contactInput .contactMessage textarea{background-color:transparent;border:none;color:var(--clr-neutral-100);height:90%;margin-left:1rem;margin-top:1rem;outline:none;overflow:hidden;resize:none;width:100%}.contactInput .error{border:2px solid red}.contactInput .cta{background:linear-gradient(to right,var(--clr-primary-800) 50%,transparent 50%);background-position:100% 100%;background-size:250% 100%;border-color:var(--clr-primary-800);border-radius:45px;display:block;transition:all .2s ease-out}.contactInput .cta:hover{background-position:0 100%}.contactInput .cta:hover span{color:var(--clr-primary-600)}.contactInput .cta span{background-color:transparent;border:none;color:var(--clr-primary-800);display:block;letter-spacing:1px;line-height:30px;outline:none;text-align:center;transition:all .4s ease-out}@media only screen and (max-width:768px){.contactInput{width:100%}.contactInput .contactTop{flex-direction:column}.contactInput .contactTop div{height:3.5rem;width:100%}}.contactContainer{align-items:center;display:flex;flex-direction:column;gap:1.5rem;height:100vh;justify-content:center}.contactContainer .contactHeading{margin-top:calc(2vh + 10rem)}.contactContainer .socialLinks.mobile{align-items:center;display:none;flex-direction:row;justify-content:center;left:0!important;margin-block:2rem!important;position:static!important;width:100%}@media only screen and (max-width:768px){.socialLinks.mobile{display:flex!important}}.portfolio{display:block}.contact{height:calc(100vh + 5rem)!important}.notFound{height:100vh;width:100vw}.notFoundContainer{align-items:center;flex-direction:column;font-size:15rem;height:100%;justify-content:center;width:100%}.notFoundContainer,.notFoundContainer .heading{display:flex;gap:2rem}.notFoundContainer .heading img{margin-top:1rem;max-height:15rem;max-width:15rem}@media only screen and (max-width:768px){.notFoundContainer{font-size:10rem}.notFoundContainer img{height:10rem;width:10rem}}.socialLinks{align-items:center;bottom:0;display:flex;flex-direction:column;left:2vw;position:fixed}.socialLinks .socialLink{align-items:center;border:2px solid var(--clr-primary-600)!important;border:none;border-radius:50%;cursor:pointer;display:flex!important;grid-column:2/3;height:2.75rem!important;justify-content:center;margin:.2rem;width:2.75rem!important}.socialLinks .socialLink:hover svg{color:var(--clr-primary-800)}.socialLinks .socialLink svg{color:var(--clr-primary-600);font-size:1.8rem;transition:all .2s ease}.socialLinks .line{background-color:var(--clr-primary-600);height:10rem;margin-top:.6rem;width:2px}@media only screen and (max-width:768px){.socialLinks{display:none}}body.changeColor .socialLink{border-color:var(--clr-primary-800)!important}body.changeColor .socialLink svg{color:var(--clr-primary-800)}body.changeColor .line{background-color:var(--clr-primary-800)}body.changeColor .socialLink{background:linear-gradient(to right,var(--clr-primary-800) 50%,transparent 50%);background-position:100% 100%;background-size:250% 100%;border-radius:45px;display:block;transition:all .2s ease-out}body.changeColor .socialLink:hover{background-position:0 100%}body.changeColor .socialLink:hover svg{color:var(--clr-primary-600)}
/*# sourceMappingURL=main.f075a697.css.map*/