body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:"Roboto",sans-serif;-moz-osx-font-smoothing:"Roboto",sans-serif;font-family:Roboto,sans-serif;font-style:normal;width:100%}body,h1,h2,h3,h4,h5,h6,p{margin:0}:root{--primary:#4594ee;--heading-color:#2b2d46;--bg-shade:#f5fcff;--github:#a44569;--darkblue:#2d2e6f;--black:#000;--white:#fff}.btn{border-radius:4px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;cursor:pointer;display:inline-block;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding:14px 32px;text-align:center;text-decoration:none;transition:background-color .5s;-webkit-transition:background-color .5s;-moz-transition:background-color .5s;-ms-transition:background-color .5s;-o-transition:background-color .5s}.btn-outline-primary{background-color:#fff;background-color:var(--white);border:1px solid #4594ee;border:1px solid var(--primary);color:#4594ee;color:var(--primary);height:25px}.btn-outline-primary:hover,.btn-primary{background-color:#4594ee;background-color:var(--primary);color:#fff;color:var(--white)}.btn-primary{border:1px solid #4594ee;border:1px solid var(--primary)}.btn-primary:hover{background-color:#fff;background-color:var(--white);color:#4594ee;color:var(--primary)}.btn-github{align-items:center;background-color:#a44569;background-color:var(--github);border:#a44569;border:var(--github);box-shadow:0 1px 2px 0 #101828f2;color:#fff;color:var(--white);display:flex;flex-direction:row;gap:16px;justify-content:center}.btn-github:hover path{stroke:#a44569;stroke:var(--github);fill:#a44569;fill:var(--github)}.btn-github:hover{background-color:#fff;background-color:var(--white);color:#a44569;color:var(--github)}h1{font-size:56px;line-height:67px}h1,h2{font-weight:700}h2{font-size:48px;line-height:58px}h3{font-size:24px;font-weight:700;line-height:34px}.text-lg{font-size:18px;line-height:27px}.text-lg,.text-md{color:#2d2e6f;color:var(--darkblue);font-style:normal;font-weight:400}.text-md{background-color:#f3f3f3;border-top-left-radius:12px;border-top-right-radius:12px;font-size:16px;line-height:24px;margin-top:10px;padding:5px}.text-sm{color:#000;color:var(--black);font-size:14px;font-style:normal;font-weight:400;line-height:21px}.section--title{align-items:flex-start;display:flex;font-size:80px;font-style:normal;letter-spacing:1px;line-height:32px;padding-bottom:16px;text-align:center}.section--title,.sub--title{color:#2b2d46;color:var(--heading-color);font-weight:600}.sub--title{font-size:16px;line-height:24px}.navbar{align-items:center;background:#fff;background:var(--white);box-shadow:0 5.333px 80px 0 #0000001a;display:flex;height:60px;justify-content:space-between;left:0;position:fixed;right:0;top:0;width:100vw;z-index:1000}.svg-icon{fill:#000;fill:var(--black);height:65px;margin:0 0 3px;overflow:hidden;vertical-align:middle;width:65px}.navbar--items>ul{align-items:flex-start;display:flex;gap:42.667px;list-style:none}.navbar--items ul>li>a,.navbar--items>ul{text-decoration:none}.navbar-photo{padding:15px}.navbar--content{color:#2d2e6f;color:var(--darkblue);cursor:pointer;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar--active-content{color:#4594ee;color:var(--primary)}.logo{height:30px;margin:0 0 0 20px;padding:0}.cta{flex-direction:row;gap:14px}.cta,.header--social--icon{align-items:center;display:flex;justify-content:center}.header--social--icon{flex-shrink:0;margin:5px 0 0!important;text-decoration:none}.header--social--icon>a:hover{color:#4594ee;color:var(--primary);filter:drop-shadow(0 0 .75rem (--primary));transform:translatey(-4px);transition:transform .2s ease-in-out}.header--social--icon>li{flex-shrink:0;gap:16px;list-style:none;margin:0 0 0 10px!important;padding:0;text-decoration:none}.header--social--icon>li,.hero--section{align-items:center;display:flex;justify-content:center}.hero--section{background-color:#f5fcff;background-color:var(--bg-shade);height:100vh;position:relative;width:100%;z-index:1}.hero--wrapper{align-items:center;display:flex;height:auto;justify-content:space-evenly;width:95%}.hero--section--content,.hero--section--content--box{align-items:flex-start;display:flex;flex-direction:column}.hero--section--content{margin-bottom:6rem;margin-left:85px}.hero--section--content--box>button{margin-top:21.333px}.hero--section--title{color:#2b2d46;color:var(--heading-color);font-size:70px;font-weight:700;line-height:90px;max-width:100vw}.hero--section--title--color{color:#4594ee;color:var(--primary)}.hero--section--description{color:#2b2d46;color:var(--heading-color);font-size:22px;font-weight:400;line-height:30px;margin-top:24px;max-width:800px}.hero--section--img{display:flex;max-height:500px;max-width:500px}.hero--section--img>img{border-radius:50%;max-height:500px;max-width:500px}.blinking-cursor:after{animation:blink 1s step-start infinite;color:#000;content:"|"}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.GIT{margin-left:85px}.skills--section{align-items:flex-start;display:flex;flex-direction:column;gap:32px;justify-content:center;overflow-x:hidden;padding:40px 12px}.skills--section--heading{color:#2b2d46;color:var(--heading-color);font-size:64px;font-weight:700;line-height:77px;text-align:left}.skills--section--container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-around;width:100%}.skills--section--card{align-items:flex-start;background:#f5fcff;background:var(--bg-shade);border-radius:10px;display:inline-block;flex:4 0;max-width:400px;min-width:40vw;padding:16px;width:100%}s .skills--section--card:hover{border-bottom:4px solid #4594ee;border-bottom:4px solid var(--primary)}.skills--section--card:hover .skills--section--description{color:#2d2e6f;color:var(--darkblue)}.skills--section--img{align-items:center;background:#fff;border-radius:10.6px;box-shadow:0 0 16px 0 #0000001a;display:flex;gap:13.3px;justify-content:center;padding:13.3px}.skills--section--card--content{align-items:center;display:flex;flex-direction:row;gap:20px}.skills--section--card--icon>img{height:50px;width:50px}.skills--section--title{color:#2b2d46;color:var(--heading-color);font-size:32px;font-weight:700;line-height:45px}.skills--section--card--description{color:#2b2d46;color:var(--heading-color);font-size:18px;font-style:normal;font-weight:400;line-height:25px;width:100%}.tech--skills{overflow:hidden;padding-top:20px;position:relative;width:100vw}.tech--skills--slider{align-items:center;animation:infiniteScroll 24s linear infinite;display:flex;max-height:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tech--skill-card{flex-shrink:0;max-height:200px;padding:10px 20px}@keyframes infiniteScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.about--section{align-items:center;display:flex;width:100vw}.about--section--img>img{border-radius:20%;height:70%;max-width:700px;padding-left:0;width:70%}.portfolio--section{align-items:flex-start;background-color:#f4f4f4;display:flex;flex-direction:column;gap:20px;padding:112px 85px}.portfolio--container-box{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.portfolio--container{align-items:flex-start;display:flex;flex-direction:column;gap:21.3px}.portfolio--section--container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;width:auto}.portfolio--section--img{border-radius:8px;width:100%}.portfolio--section--img>img{width:100%}.portfolio--section--card,.portfolio--section--img>img{border-top-left-radius:12px;border-top-right-radius:12px}.portfolio--section--card{align-items:flex-start;background:#fff;box-shadow:0 0 32px 0 #00000026;display:flex;flex-basis:calc(33.333% - 28.4px);flex-direction:column;flex-grow:1;flex-shrink:0;gap:0;max-width:800px;opacity:0;transform:translateY(200px);transition:transform .5s,opacity .5s}.portfolio--section--card.show{opacity:1;transform:translateY(0)}.portfolio--section--card--content{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:32px;padding:16px}.portfolio--section--title{color:#2b2d46;color:var(--heading-color)}.portfolio--link{border-bottom:1.33px solid #4594ee;border-bottom:1.33px solid var(--primary);cursor:pointer;display:flex;font-weight:600;gap:16px;padding-bottom:10.6px;text-decoration:none}.portfolio--link:hover path{stroke:#3032d6}.portfolio--tech-stack{background-color:#f9f9f9;padding:10px 15px}.tech-stack--title{font-size:18px;margin-bottom:10px}.tech-stack--items{display:flex;flex-wrap:wrap;gap:10px}.tech-stack--item{background-color:#e7e7e7;border-radius:5px;font-size:14px;padding:5px 10px}.portfolio--section--card--content--icons{display:flex;gap:16px}.recent-work{align-items:flex-start;display:flex;flex-basis:60%;flex-direction:column;max-width:1200px;padding:0}.recent-work-tech{padding:5px 10px}.threejs-portfolio-image{height:auto;width:clamp(400px,60%,800px)}.photo--header{align-items:center;display:flex;flex-direction:column;gap:64px;padding-bottom:50px;padding-top:10px}.photo--container{background-color:#f5fcff;background-color:var(--bg-shade);flex-wrap:wrap;gap:10px;justify-content:space-around;padding:20px;width:auto}.photo--card,.photo--container{align-items:center;display:flex}.photo--card{background:#fff;box-shadow:0 0 32px 0 #00000026;flex-basis:calc(33.333% - 28.4px);flex-direction:column;flex-grow:1;flex-shrink:0}.photo--card>img{width:100%}.contact--section{align-items:center;display:flex;flex-direction:column;gap:64px;justify-content:center;padding:150px 85px;text-align:center}.contact--form--container{grid-template-columns:auto;grid-template-rows:repeat(5,auto);width:40%}.contact--form--container,.container{grid-row-gap:32px;display:grid;row-gap:32px}.container{grid-column-gap:32px;column-gap:32px;grid-template-columns:repeat(2,auto)}.contact--label{align-items:flex-start;display:flex;flex:1 0;flex-direction:column;gap:10.6px;width:100%}.contact--input{align-items:center;align-self:stretch;background:#fff;background:var(--white);border:1.333px solid #4594ee;border:1.333px solid var(--primary);border-radius:8px;display:flex;font-family:Roboto;padding:16px}select{-webkit-appearance:none;appearance:none;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5303 21.2052C16.2374 21.4981 15.7626 21.4981 15.4697 21.2052L7.82318 13.5587C7.53029 13.2658 7.53029 12.791 7.82318 12.4981L8.17674 12.1445C8.46963 11.8516 8.9445 11.8516 9.2374 12.1445L16 18.9071L22.7626 12.1445C23.0555 11.8516 23.5303 11.8516 23.8232 12.1445L24.1768 12.4981C24.4697 12.791 24.4697 13.2658 24.1768 13.5587L16.5303 21.2052Z" fill="%23033333"/></svg>') #fff no-repeat 98.5%!important; /* !important used for overriding all other customisations */background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5303 21.2052C16.2374 21.4981 15.7626 21.4981 15.4697 21.2052L7.82318 13.5587C7.53029 13.2658 7.53029 12.791 7.82318 12.4981L8.17674 12.1445C8.46963 11.8516 8.9445 11.8516 9.2374 12.1445L16 18.9071L22.7626 12.1445C23.0555 11.8516 23.5303 11.8516 23.8232 12.1445L24.1768 12.4981C24.4697 12.791 24.4697 13.2658 24.1768 13.5587L16.5303 21.2052Z" fill="%23033333"/></svg>') #fff no-repeat calc(100% - 20px)}select::-ms-expand{display:none}.checkbox--label{align-items:center;display:flex;flex:1 0;flex-direction:row;gap:10.6px;justify-content:flex-start}input[type=checkbox]{border:.15em solid #2b2d46;border:.15em solid var(--heading-color);border-radius:.15em;height:21px;transform:translatey(-.075em);width:21px}.footer-container{align-items:center;color:#fff;max-height:700px;overflow:visible;position:relative;text-align:left}.footer-bg-svg{height:auto;left:0;max-height:780px;object-fit:fill;position:absolute;top:0;width:100%;z-index:1}.footer-cat-gif{height:400px;object-fit:cover;position:absolute;right:-10%;transform:translateY(-40%);width:auto;z-index:1}.footer-content{display:grid;grid-template-columns:100%;grid-template-rows:repeat(4,-webkit-min-content) 1fr;grid-template-rows:repeat(4,min-content) 1fr;height:100%;margin:auto;max-width:1000px;position:relative;transform:translateY(16vw);z-index:2}.crop:nth-child(-n+3){margin-left:120px;width:60%}.footer-title{font-size:3rem;font-weight:700;margin-bottom:20px}.footer-btn{background-color:initial;border:3px solid #fff;border-radius:14px;color:#fff;cursor:pointer;font-size:1.2rem;margin-bottom:180px;max-width:200px;padding:14px 28px;transition:background-color .3s,color .3s}.footer-btn:hover{background-color:#fff;color:#000}.footer-nav{display:flex;flex-wrap:wrap;font-size:1.4rem;font-weight:600;gap:40px;margin-bottom:20px;text-transform:uppercase}.footer-nav a{color:#fff;display:inline-block;line-height:2;text-decoration:none;transition:color .3s}.footer-nav a:hover{color:#ccc}.footer-social{margin-bottom:30px}.linkedin-icon{color:#fff;font-size:1.5rem;transition:color .3s}.linkedin-icon:hover{color:#ccc}.footer-copy{font-size:.75rem;margin-left:40px;margin-top:60px;opacity:.6}@media only screen and (min-width:1200px){.navbar{max-width:100vw!important}.cta{margin-right:16px}}@media only screen and (max-width:1400px){.hero--wrapper{display:flex;flex-direction:column-reverse;width:100vw}.hero--section--content--box{margin-top:50px;width:70vw}}@media only screen and (max-width:1200px){.portfolio--section{padding:24px}.btn-outline-primary{margin-right:60px;padding:10px 26px}.hero--section{display:flex;flex-direction:column-reverse}.contact--form--container{width:100%}.container{display:flex;flex-direction:column;gap:10px}.divider{margin:20px}.portfolio--section--card{flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:0;max-width:calc(50% - 30px)}.portfolio--section--container{display:flex;flex-wrap:wrap;justify-content:center}.tech--skills{gap:20px}.tech--skill-card{max-width:120px}}.nav__hamburger{border:none;display:none;flex-direction:column;height:2rem;justify-content:space-around;position:absolute;right:16px;top:15px;width:2rem}.nav__hamburger__line{background-color:#000;border-radius:.625rem;display:block;height:.188rem;transition:all .2s ease-in-out;width:100%}@media screen and (max-width:1200px){.nav__hamburger{display:flex;z-index:200}.navbar--items{align-items:center;background-color:#fff;display:flex;justify-content:center;left:0;position:absolute;top:-20rem;transition:all .4s ease-in-out;width:100%}.navbar--items ul{align-items:center;flex-direction:column;padding:3rem 0 .6rem;width:100%;z-index:-100}.navbar--items ul li{text-align:center}.navbar--items ul li a{padding:.5rem}.navbar--items{z-index:-1000}.navbar--items.active{top:30px}.nav__hamburger.active :first-child{transform:rotate(45deg) translate(.45rem,.45rem)}.nav__hamburger.active :nth-child(2){opacity:0}.nav__hamburger.active :nth-child(3){transform:rotate(-45deg) translate(.45rem,-.45rem)}.portfolio--section--card{flex-basis:calc(50% - 50px);flex-grow:1;flex-shrink:0;max-width:100%}.portfolio--section--container{display:flex;flex-wrap:wrap;justify-content:flex-start}.hero--section--content--box{width:90%}h1{font-size:45px!important;line-height:40px!important}h2{font-size:40px!important;line-height:35px!important}}@media screen and (max-width:500px){.hero--section--img,.hero--section--img>img{height:300px;margin-top:24px;width:300px}.hero--section--content--box{margin-top:75px}h1{font-size:34px!important;line-height:30px!important}h2{font-size:30px!important;line-height:25px!important}.GIT,.hero--section--content{margin-left:24px}.tech--skill-card,.tech--skill-card>img{max-height:100px;min-width:100px;width:50px}}
/*# sourceMappingURL=main.7c8e8486.css.map*/