@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);header{height:clamp(35rem,50vw + 25vh,70rem);overflow:hidden;padding-top:clamp(4rem,7vw + 3vh,10rem)}.header__container{height:100%;position:relative;text-align:center}.cta{display:flex;gap:clamp(.8rem,1.2vw + .4vh,1.6rem);justify-content:center;margin-top:clamp(1.5rem,2.5vw + 1vh,3.5rem)}.header__socials{align-items:center;bottom:clamp(6rem,10vw + 4vh,14rem);display:flex;flex-direction:column;gap:clamp(.5rem,.8vw + .3vh,1.2rem);left:0;position:absolute}.header__socials:after{background:var(--color-primary);content:"";height:clamp(1.2rem,2vw + .8vh,2.8rem);width:1px}.me{background:linear-gradient(var(--color-primary),#0000);border-radius:50%;height:clamp(16rem,24vw + 8vh,32rem);left:calc(50% - clamp(8rem, 12vw + 4vh, 16rem));margin-top:clamp(2rem,4vw + 2vh,6rem);overflow:hidden;padding:clamp(1rem,1.5vw + .5vh,2rem) clamp(1.5rem,2vw + .8vh,2.5rem) clamp(.5rem,1vw + .3vh,1.5rem);position:absolute;width:clamp(16rem,24vw + 8vh,32rem)}.scroll__down{bottom:clamp(8rem,12vw + 4vh,16rem);font-size:clamp(.7rem,.9vw + .3vh,1.1rem);font-weight:300;position:absolute;right:clamp(-3rem,-2.3vw - .8vh,-1.5rem);transform:rotate(90deg)}@media screen and (max-width:480px){header{height:clamp(30rem,40vw + 20vh,50rem);padding-top:clamp(2rem,3vw + 1.5vh,4rem)}.me{height:clamp(12rem,16vw + 6vh,20rem);left:calc(50% - clamp(6rem, 8vw + 3vh, 10rem));margin-top:clamp(2rem,4vw + 2vh,6rem);padding:clamp(.8rem,1vw + .3vh,1.2rem) clamp(1.2rem,2vw + .6vh,1.8rem) 0;width:clamp(12rem,16vw + 6vh,20rem)}.header__socials,.scroll__down{display:none}}nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0000004d;border-radius:clamp(2rem,3vw + 1vh,4rem);bottom:clamp(1.5rem,2vw + .8vh,2.5rem);display:block;gap:clamp(.5rem,.8vw + .3vh,1.2rem);left:50%;padding:clamp(.5rem,.7vw + .3vh,1rem) clamp(1.2rem,1.7vw + .6vh,2.2rem);position:fixed;transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:2}nav,nav a{display:flex}nav a{background:#0000;border-radius:50%;color:var(--color-light);font-size:clamp(.8rem,1.1vw + .4vh,1.4rem);padding:clamp(.6rem,.9vw + .3vh,1.2rem)}nav a:hover{background:#0000004d}nav a.active{background:var(--color-primary);color:var(--color-bg)}.about__container{grid-gap:clamp(10%,15vw + 5vh,20%);display:grid;gap:clamp(10%,15vw + 5vh,20%);grid-template-columns:35% 50%}.about__me{aspect-ratio:1/1;background:linear-gradient(45deg,#0000,var(--color-primary),#0000);display:grid;place-items:center;width:100%}.about__me,.about__me-image{border-radius:clamp(1.5rem,2vw + .8vh,2.5rem)}.about__me-image{overflow:hidden;transform:rotate(-10deg);transition:var(--transition)}.about__me-image:hover{transform:rotate(0)}.about__cards{grid-gap:clamp(1rem,1.5vw + .5vh,2rem);display:grid;gap:clamp(1rem,1.5vw + .5vh,2rem);grid-template-columns:repeat(3,1fr)}.about__card{background:var(--color-bg-variant);border:1px solid #0000;border-radius:clamp(.8rem,1vw + .4vh,1.2rem);padding:clamp(1.5rem,2vw + .8vh,2.5rem) clamp(.8rem,1vw + .4vh,1.2rem);text-align:center;transition:var(--transition)}.about__card:hover{background:#0000;border-color:var(--color-primary-variant);cursor:default}.about__icon{color:var(--color-primary);font-size:clamp(1.1rem,1.4vw + .5vh,1.7rem);margin-bottom:clamp(.8rem,1vw + .4vh,1.2rem)}.about__card h5{font-size:clamp(.8rem,.95vw + .3vh,1.1rem)}.about__card small{color:var(--color-light);font-size:clamp(.6rem,.7vw + .25vh,.8rem)}.about__content p{color:var(--color-light);margin:clamp(1.5rem,2vw + .8vh,2.5rem) 0 clamp(2rem,2.6vw + 1vh,3.2rem)}@media screen and (max-width:1024px){.about__container{gap:clamp(2rem,4vw + 2vh,6rem);grid-template-columns:1fr}.about__me{margin:clamp(1.5rem,2vw + .8vh,2.5rem) auto clamp(3rem,4vw + 2vh,5rem);width:clamp(40%,50vw + 10vh,60%)}.about__content p{margin:clamp(.8rem,1vw + .4vh,1.2rem) 0 clamp(1.2rem,1.5vw + .6vh,1.8rem)}}@media screen and (max-width:480px){.about__me{margin:0 auto clamp(2rem,3vw + 1.5vh,4rem);width:clamp(60%,65vw + 15vh,75%)}.about__cards{gap:clamp(.8rem,1vw + .4vh,1.2rem);grid-template-columns:1fr 1fr}.about__content p{margin:clamp(1.2rem,1.5vw + .6vh,1.8rem) 0;text-align:center}.about-btn-container{display:flex;justify-content:center}}.experience__container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.experience__container>div{background:var(--color-bg-variant);border:1px solid #0000;border-radius:2rem;padding:2.4rem 5rem;transition:var(--transition)}.experience__container>div:hover{background:#0000;border-color:var(--color-primary-variant);cursor:default}.experience__container>div h3{color:var(--color-primary);margin-bottom:2rem;text-align:center}.experience__content{grid-row-gap:2rem;display:grid;grid-template-columns:1fr 1fr;row-gap:2rem}.experience__details{display:flex;gap:.5rem}.experience__details h4 a{color:inherit;text-decoration:none}.experience__details h4 a:hover{color:var(--color-primary);text-decoration:underline}.experience__details-icon{color:var(--color-primary);margin-top:6px}@media screen and (max-width:1024px){.experience__container{grid-template-columns:1fr}.experience__container>div{margin:0 auto;padding:2rem;width:80%}.experience__content{padding:1rem}}@media screen and (max-width:600px){.experience__container{gap:1rem}.experience__container>div{padding:2rem 1rem;width:100%}}.portfolio__container{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr)}.portfolio__item{background:var(--color-bg-variant);border:1px solid #0000;border-radius:2rem;padding:1.3rem 1.3rem 2rem;transition:var(--transition)}.portfolio__item:hover{background:#0000;border-color:var(--color-primary-variant)}.portfolio__item-image{border-radius:1.5rem;overflow:hidden;width:100%}.portfolio__item-image img{display:block;height:auto;width:100%}.portfolio__item h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;height:3.6rem;margin:.5rem 0 1.5rem;overflow:hidden;text-align:center;text-overflow:ellipsis}.portfolio__item-cta{display:flex;gap:1rem;justify-content:center}@media screen and (max-width:1024px){.portfolio__container{gap:1.2rem;grid-template-columns:1fr 1fr}}@media screen and (max-width:600px){.portfolio__container{gap:1rem;grid-template-columns:1fr}}.container.contact__container{grid-gap:clamp(8%,12%,16%);display:grid;gap:clamp(8%,12%,16%);grid-template-columns:30% 58%;max-width:1200px;width:var(--container-width-lg)}.contact__options{display:flex;flex-direction:column;gap:clamp(.8rem,1.2rem,1.6rem)}.contact__option{background:var(--color-bg-variant);border:1px solid #0000;border-radius:clamp(1rem,1.2rem,1.4rem);padding:clamp(1rem,1.2rem,1.4rem);text-align:center;transition:var(--transition)}.contact__option:hover{background:#0000;border-color:var(--color-primary-variant)}.contact__option-icon{font-size:clamp(1.2rem,1.5rem,1.8rem);margin-bottom:clamp(.4rem,.5rem,.6rem)}.contact__option a{display:inline-block;font-size:clamp(.7rem,.8rem,.9rem);margin-top:clamp(.5rem,.7rem,.9rem)}form{display:flex;flex-direction:column;gap:clamp(.8rem,1.2rem,1.6rem)}input,textarea{background:#0000;border:2px solid var(--color-primary-variant);border-radius:clamp(.4rem,.5rem,.6rem);color:var(--color-white);font-family:Tahoma,Arial;font-size:clamp(.9rem,1rem,1.1rem);padding:clamp(1.2rem,1.5rem,1.8rem);resize:none;width:100%}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}.contact-message{align-items:center;border-radius:clamp(.4rem,.5rem,.6rem);display:flex;font-size:clamp(.9rem,1rem,1.1rem);font-weight:500;gap:clamp(.8rem,1rem,1.2rem);justify-content:center;padding:clamp(.8rem,1rem,1.2rem);text-align:center}.contact-message.success{background:#28a7451a;border:1px solid #28a7454d;color:#28a745}.contact-message.error{background:#dc35451a;border:1px solid #dc35454d;color:#dc3545}.contact-loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;display:inline-block;height:clamp(14px,16px,18px);margin-right:clamp(.4rem,.5rem,.6rem);width:clamp(14px,16px,18px)}.btn-small{font-size:clamp(.7rem,.8rem,.9rem);padding:clamp(.4rem,.5rem,.6rem) clamp(.8rem,1rem,1.2rem)}@media screen and (max-width:1024px){.container.contact__container{gap:clamp(1.5rem,2rem,2.5rem);grid-template-columns:1fr;max-width:1000px;width:var(--container-width-md)}.contact__options{margin-bottom:clamp(1rem,1.5rem,2rem)}}@media screen and (max-width:480px){.container.contact__container{gap:clamp(1.2rem,1.5rem,1.8rem);max-width:800px;width:var(--container-width-sm)}.contact-btn-container{display:flex;justify-content:center}.contact-message{flex-direction:column;font-size:clamp(.8rem,.9rem,1rem);gap:clamp(.4rem,.5rem,.6rem)}.contact__options{gap:clamp(.6rem,1rem,1.2rem)}.contact__option{padding:clamp(.8rem,1rem,1.2rem)}}footer{background:var(--color-primary);font-size:.9rem;margin-top:7rem;padding:3rem 0;text-align:center}footer a{color:var(--color-bg)}.footer__logo{display:inline-block;font-size:2rem;font-weight:500;margin-bottom:2rem}.permalinks{flex-wrap:wrap;gap:2rem;margin:0 auto 3rem}.footer__socials,.permalinks{display:flex;justify-content:center}.footer__socials{gap:1rem;margin-bottom:4rem}.footer__socials a{background:var(--color-bg);border:1px solid #0000;border-radius:.7rem;color:var(--color-white);display:flex;padding:.8rem}.footer__socials a:hover{background:#0000;border-color:var(--color-bg);color:var(--color-bg)}.footer__copyright{color:var(--color-bg);margin-bottom:4rem}@media screen and (max-width:600px){.permalinks{flex-direction:column;gap:1.5rem}.footer__socials{margin-bottom:2.5rem}}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-bg:#1f1f38;--color-bg-variant:#2c2c6c;--color-primary:#4db5ff;--color-primary-variant:#4db5ff66;--color-white:#fff;--color-light:#rgba(255,255,255,0.6);--transition:all 400ms ease;--base-vw:1vw;--base-vh:1vh;--base-vmin:1vmin;--base-vmax:1vmax;--scale-factor:clamp(0.75,1vw + 0.5vh,1.25);--font-scale:clamp(0.8,0.8vw + 0.6vh,1.2);--container-width-lg:min(75vw,1200px);--container-width-md:min(86vw,1000px);--container-width-sm:min(90vw,800px);--base-font-size:clamp(14px,1.2vw + 0.8vh,18px)}html{font-size:clamp(14px,1.2vw + .8vh,18px);font-size:var(--base-font-size);scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{background:#1f1f38;background:var(--color-bg);color:#fff;color:var(--color-white);font-family:Poppins,sans-serif;font-size:1rem;line-height:1.7;margin:0;padding:0}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:clamp(2rem,3.5vw + 1vh,4rem)}section{margin-top:clamp(4rem,8vw + 2vh,12rem);padding-top:clamp(.5rem,1vw + .5vh,2rem)}section>h2,section>h5{color:#rgba(255,255,255,.6);color:var(--color-light);text-align:center}section>h2{color:#4db5ff;color:var(--color-primary);margin-bottom:clamp(1.5rem,3vw + 1vh,4rem)}.text-light{color:#rgba(255,255,255,.6);color:var(--color-light)}a{color:#4db5ff;color:var(--color-primary);transition:all .4s ease;transition:var(--transition)}a:hover{color:#fff;color:var(--color-white)}.btn{border:1px solid #4db5ff;border:1px solid var(--color-primary);border-radius:clamp(.25rem,.4vw + .2vh,.6rem);color:#4db5ff;color:var(--color-primary);cursor:pointer;display:inline-block;font-size:clamp(.8rem,1vw + .3vh,1.2rem);padding:clamp(.5rem,.75vw + .25vh,1rem) clamp(.8rem,1.2vw + .4vh,1.6rem);transition:all .4s ease;transition:var(--transition);width:-webkit-max-content;width:max-content}.btn:hover{background:#fff;background:var(--color-white);border-color:#0000}.btn-primary,.btn:hover{color:#1f1f38;color:var(--color-bg)}.btn-primary{background:#4db5ff;background:var(--color-primary)}img{display:block;object-fit:cover;width:100%}.container{margin:0 auto;max-width:calc(100vw - 2rem);transition:width .3s ease;width:min(75vw,1200px);width:var(--container-width-lg)}@media screen and (max-width:480px){.container{width:min(90vw,800px);width:var(--container-width-sm)}h1{font-size:clamp(1.5rem,4vw + 1vh,2.5rem)}section{margin-top:clamp(3rem,6vw + 2vh,8rem)}}@media screen and (min-width:481px) and (max-width:1024px){.container{width:min(86vw,1000px);width:var(--container-width-md)}}.error-boundary{align-items:center;background:#1f1f38;background:var(--color-bg);color:#fff;color:var(--color-white);display:flex;justify-content:center;min-height:100vh}.error-boundary__content{max-width:500px;padding:2rem;text-align:center}.error-boundary__content h2{color:#4db5ff;color:var(--color-primary);margin-bottom:1rem}.error-boundary__content p{color:#rgba(255,255,255,.6);color:var(--color-light);margin-bottom:2rem}.error-details{background:#2c2c6c;background:var(--color-bg-variant);border-radius:.4rem;margin-top:2rem;padding:1rem;text-align:left}.error-details summary{color:#4db5ff;color:var(--color-primary);cursor:pointer;margin-bottom:1rem}.error-details pre{color:#rgba(255,255,255,.6);color:var(--color-light);font-size:.8rem;white-space:pre-wrap;word-break:break-word}.app-loading{align-items:center;background:#1f1f38;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh}.app-loading__content{color:#fff;color:var(--color-white);text-align:center}.app-loading__spinner{animation:spin 1s linear infinite;border:3px solid #2c2c6c;border-top:3px solid #4db5ff;border:3px solid var(--color-bg-variant);border-radius:50%;border-top-color:var(--color-primary);height:50px;margin:0 auto 1rem;width:50px}.section-loading{align-items:center;display:flex;justify-content:center;min-height:200px}.section-loading__spinner{animation:spin 1s linear infinite;border:2px solid #2c2c6c;border-top:2px solid #4db5ff;border:2px solid var(--color-bg-variant);border-radius:50%;border-top-color:var(--color-primary);height:30px;width:30px}.image-container{overflow:hidden;position:relative}.image-loader{align-items:center;background:#2c2c6c;background:var(--color-bg-variant);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1}.image-loader__spinner{animation:spin 1s linear infinite;border:2px solid #1f1f38;border-top:2px solid #4db5ff;border:2px solid var(--color-bg);border-radius:50%;border-top-color:var(--color-primary);height:25px;width:25px}.image-error{align-items:center;background:#2c2c6c;background:var(--color-bg-variant);color:#rgba(255,255,255,.6);color:var(--color-light);display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:1rem;text-align:center}.image-error span{font-size:2rem;margin-bottom:.5rem}.image-error p{font-size:.8rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in-out}
/*# sourceMappingURL=main.bcdf34a6.css.map*/