@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;500;600&display=swap);*{margin:0;padding:0;outline:0;border:0;box-sizing:border-box;text-decoration:none}:root{--bg-primary:#fff;--bg-secondary:#ebebeb;--color-primary:#0169e0;--color-secondary:#338ef7;--color-foreground:#000;--color-light:#363636;--cw-lg:75%;--cw-md:85%;--cw-sm:90%;--transition:all 400ms ease}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{font-family:Poppins,sans-serif;background:#fff;background:var(--bg-primary);color:#000;color:var(--color-foreground);line-height:1.7}.container{width:75%;width:var(--cw-lg);margin:auto}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:2.5rem}section{margin-top:8rem}section>h1,section>h2{text-align:center;color:#338ef7;color:var(--color-secondary)}section>h2{color:#0169e0;color:var(--color-primary);margin-bottom:3rem}.text-light{color:#363636;color:var(--color-light)}.text-center{text-align:center}a{color:#0169e0;color:var(--color-primary);transition:all .4s ease;transition:var(--transition)}a:hover{color:#000;color:var(--color-foreground)}.btn{width:-webkit-max-content;width:max-content;display:inline-block;color:#0169e0;color:var(--color-primary);padding:.2rem .7rem;border-radius:.4rem;cursor:pointer;border:1px solid #0169e0;border:1px solid var(--color-primary);transition:all .4s ease;transition:var(--transition)}.btn:hover{background:#000;background:var(--color-foreground);border-color:transparent}.btn-primary,.btn:hover{color:#fff;color:var(--bg-primary)}.btn-primary{background:#0169e0;background:var(--color-primary)}.rounded{border-radius:50%}.customOverlay{background:rgba(36,123,160,.7)}.customModal{background:#000;max-width:500px;width:100%}img{display:block;width:100%;object-fit:cover}@media screen and (max-width:1024px){.container{width:85%;width:var(--cw-md)}section{margin-top:6rem}}@media screen and (max-width:600px){.container{width:90%;width:var(--cw-sm)}section>h2{margin-top:2rem}}.about__container{display:grid;grid-template-columns:35% 50%;grid-gap:15%;gap:15%}.about__me{width:100%;aspect-ratio:1/1;border-radius:2rem;background:var(--color-secondary);display:grid;place-items:center}.about__me-image{background:var(--color-primary);border-radius:2rem;overflow:hidden;-webkit-transform:rotate(10deg);transform:rotate(10deg);transition:var(transition)}.about__me-image:hover{-webkit-transform:rotate(0);transform:rotate(0)}.about__cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.about__card{background:var(--bg-secondary);border:1px solid transparent;border-radius:1rem;padding:1rem;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:var(--transition)}.about__card:hover{background:transparent;border-color:var(--color-primary);cursor:default}.about__icon{color:var(--color-primary);font-size:2rem;margin-bottom:1rem}.about__card h5{font-size:1rem}.about__card small{font-size:.7rem;color:var(--color-light)}.about__content p{font-size:14px;letter-spacing:1px;text-align:justify;margin:2rem 0 2.6rem;color:var(--color-light)}@media screen and (max-width:1024px){.about__container{grid-template-columns:1fr;grid-gap:0;gap:0}.about__me{width:50%;margin:2rem auto 4rem}.about__content p{margin:1rem 0 1.5rem}.about__icon{font-size:1rem}}@media screen and (max-width:600px){.about__me{width:65%;margin:2rem auto 4rem}.about__cards{grid-template-columns:1fr 1fr}.about__content{text-align:center}.about__content p{margin:1.5rem 0}.about__icon{font-size:1.5rem}}.container.contact__container{width:58%;display:grid;grid-template-columns:30% 58%;grid-gap:12%;gap:12%}.contact__options{display:flex;flex-direction:column;grid-gap:1.2rem;gap:1.2rem}.contact__option{background:var(--bg-secondary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:1.2rem;padding:1.2rem;text-align:center;border:1px solid transparent;transition:var(--transition)}.contact__option:hover{background:transparent;border-color:var(--color-secondary)}.contact__option-icon{font-size:1.5rem;margin-bottom:.5rem}.contact__option a{margin-top:.7rem;display:inline-block;font-size:.8rem}form{display:flex;flex-direction:column;grid-gap:1.2rem;gap:1.2rem}input,textarea{width:100%;padding:1.5rem;border-radius:.5rem;background:transparent;border:2px solid var(--color-secondary);resize:none;color:var(--color-foreground)}@media screen and (max-width:1024px){.container.contact__container{grid-template-columns:1fr;grid-gap:2rem;gap:2rem}}@media screen and (max-width:600px){.container.contact__container{grid-template-columns:1fr;width:var(--cw-sm)}}footer{background:var(--color-primary);padding:3rem 0;text-align:center;font-size:.9rem;margin-top:.7rem}footer a{color:var(--bg-color)}.footer__logo{font-size:2rem;font-weight:500;margin-bottom:2rem;display:inline-block}.permalink{flex-wrap:wrap;grid-gap:2rem;gap:2rem;margin:0 auto 3rem}.footer__socials,.permalink{display:flex;justify-content:center}.footer__socials{grid-gap:1rem;gap:1rem;margin-bottom:4rem}.footer__socials a{background:var(--bg-primary);color:var(--color-foreground);padding:.8rem;border-radius:100%;display:flex;border:1px solid transparent}.footer__socials a:hover{background:transparent;color:var(--bg-primary);border-color:var(--bg-primary)}.footer__copyright{margin-bottom:4rem;color:var(--bg-primary)}header{height:100vh;padding-top:7rem;overflow:hidden}.header__container{text-align:center;height:100%;position:relative}.btn__container{margin-top:2.5rem;display:flex;grid-gap:1.2rem;gap:1.2rem;justify-content:center}.header__social{display:flex;flex-direction:column;align-items:center;grid-gap:.8rem;gap:.8rem;position:absolute;left:0;bottom:3rem}.header__social:after{content:"";width:1px;height:2rem}.header__social:after,.me{background:var(--color-primary)}.me{background-image:linear-gradient(var(--color-primary),#1e20b6,#000);width:15rem;height:15rem;position:absolute;left:calc(50% - 7.5rem);margin-top:4rem;border-radius:100%;border:2px solid var(--bg-primary);overflow:hidden;padding:3rem .5rem .5rem}.scroll__down{position:absolute;right:-2.3rem;bottom:5rem;-webkit-transform:rotate(90deg);transform:rotate(90deg);font-weight:300;font-size:.9rem}@media screen and (max-width:1024px){.me{left:calc(50% - 7.5rem);height:15rem}}@media screen and (max-width:600px){.me{left:calc(50% - 7.5rem);height:15rem}.scroll__down{display:none}.header__social{display:flex;flex-direction:row;align-items:center;font-size:1.8rem;grid-gap:1.5rem;gap:1.5rem;left:calc(50% - 4rem);bottom:3rem}.header__social:after{display:none}}nav{background:hsla(0,0%,100%,.384);width:-webkit-max-content;width:max-content;display:block;padding:.7rem 1.7rem;z-index:2;position:fixed;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:2rem;display:flex;grid-gap:.2rem;gap:.2rem;border-radius:3rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}nav a{background:transparent;padding:.9rem;border-radius:50%;display:flex;color:var(--color-light);font-size:1.1rem}nav a:hover{background:rgba(0,0,0,.3)}nav a.active{background:var(--color-primary);color:var(--color-foreground)}.portfolio__container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2.5rem;gap:2.5rem}.portfolio__item{background:var(--bg-secondary);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:1.3rem;border-radius:2rem;border:1px solid tranparent;transition:var(--transition)}.portfolio__item:hover{border-color:var(--color-secondary);background:transparent}.portfolio__item-image{border-radius:1.5rem;overflow:hidden}.portfolio__item h3{margin-top:1.2rem}.portfolio__item p{margin-bottom:1rem;font-size:.9rem}.portfolio__item-btn{display:flex;justify-content:center;grid-gap:1.5rem;gap:1.5rem;margin-bottom:.8rem}.portfolio__item-icon{font-size:20px;margin-top:.4rem}.modal__info{padding:1.5rem}.modal__info h2{margin-top:.5rem 0 0 .5rem;font-weight:700;color:var(--color-primary)}.modal__info p{text-align:justify;font-size:14px;color:var(--color-light)}.features__list{padding:0 2.5rem;color:var(--color-light)}.features__list ul{margin:2rem}.features__list li{list-style:circle;margin-top:0;padding:0;list-style-position:outside;font-size:13px}@media screen and (max-width:1024px){.portfolio__container{grid-template-columns:1fr 1fr;grid-gap:1.2rem;gap:1.2rem}.modal__container{margin:auto}.features__list,.modal__info p{font-size:16px}}@media screen and (max-width:600px){.portfolio__container{grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.features__list,.modal__info p{font-size:14px}}.react-responsive-modal-root{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000}.react-responsive-modal-overlay{background:rgba(20,0,0,.5);position:fixed;top:0;bottom:0;left:0;right:0;z-index:-1}.react-responsive-modal-container{height:100%;outline:0;overflow-x:hidden;overflow-y:auto;text-align:center;margin-bottom:2rem;padding:0}.react-responsive-modal-containerCenter:after{width:0;height:100%;content:"";display:inline-block;vertical-align:middle}.react-responsive-modal-modal{max-width:1000px;display:inline-block;text-align:left;margin-top:1.5rem;vertical-align:middle;background:var(--bg-primary);box-shadow:0 12px 15px 0 rgba(0,0,0,.25);position:relative;overflow-y:auto;border-radius:1rem}.react-responsive-modal-closeButton{position:absolute;top:14px;right:14px;border:none;padding:0;cursor:pointer;background-color:salmon;border-radius:2rem;display:flex}@media screen and (max-width:1024px){.react-responsive-modal-container{width:100%}}@media screen and (max-width:600px){.react-responsive-modal-container{width:100%}}@-webkit-keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes react-responsive-modal-modal-in{0%{-webkit-transform:scale(.96);transform:scale(.96);opacity:0}to{-webkit-transform:scale(100%);transform:scale(100%);opacity:1}}@keyframes react-responsive-modal-modal-in{0%{-webkit-transform:scale(.96);transform:scale(.96);opacity:0}to{-webkit-transform:scale(100%);transform:scale(100%);opacity:1}}@-webkit-keyframes react-responsive-modal-modal-out{0%{-webkit-transform:scale(100%);transform:scale(100%);opacity:1}to{-webkit-transform:scale(.96);transform:scale(.96);opacity:0}}@keyframes react-responsive-modal-modal-out{0%{-webkit-transform:scale(100%);transform:scale(100%);opacity:1}to{-webkit-transform:scale(.96);transform:scale(.96);opacity:0}}.skill__container{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.skill__container>div{background:var(--bg-secondary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:2.4rem 5rem;border-radius:2rem;border:1px solid transparent;transition:var(--transition)}.skill__container>div:hover{background:transparent;border-color:var(--color-secondary);cursor:default}.skill__container>div h3{text-align:center;margin-bottom:2rem;color:var(--color-primary)}.skill__content,.skill__content_other{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:2rem;row-gap:2rem}.skill__details{display:flex;grid-gap:1rem;gap:1rem}.skill__details-icon{margin-top:6px;font-weight:bolder;font-size:20px;color:var(--color-light)}.ml{padding-left:2.5rem;color:var(--color-light)}.skill__communication b{font-size:20px;font-weight:bolder}@media screen and (max-width:1024px){.skill__container{grid-template-columns:1fr}.skill__container>div{width:80%;padding:2rem;margin:0 auto}.skill__content{padding:1rem}}@media screen and (max-width:600px){.skill__container{grid-gap:1rem;gap:1rem}.skill__container>div{width:100%;padding:2rem,1rem}}.loading{z-index:999;overflow:show;margin:auto;bottom:0;right:0;width:50px;height:50px}.loading,.loading:before{position:fixed;top:0;left:0}.loading:before{content:"";display:block;width:100%;height:100%;background-color:hsla(0,0%,100%,0)}.loading:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.loading:not(:required):after{content:"";display:block;font-size:10px;width:50px;height:50px;margin-top:-.5em;border-radius:100%;border:5px solid var(--color-primary);border-bottom:5px solid transparent;-webkit-animation:spinner 1s linear 0s infinite;animation:spinner 1s linear 0s infinite}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.accordion-header{display:flex;justify-content:space-between;margin:.5rem}.accordion-header h3{color:var(--color-foreground);font-size:larger;font-weight:900}.accordion-body{color:var(--color-light);margin-top:1.5rem;margin-bottom:2rem;padding-left:1.5rem;padding-right:1.5rem;font-size:small;text-align:justify}.dropdown__icon{font-size:20px;margin-top:1rem;border-radius:50%;color:#fff;background-color:var(--color-foreground)}.a_portfolio__container{display:grid;grid-template-columns:1fr;grid-gap:2.5rem;gap:2.5rem}.a_portfolio__item{background:var(--bg-secondary);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:1.3rem;border-radius:.5rem;border:1px solid tranparent;transition:var(--transition)}.a_portfolio__item:hover{border-color:var(--color-foreground);background:transparent}.a_portfolio__item-image{border-radius:.5rem;overflow:hidden}.a_portfolio__item h3{margin-top:1.2rem}.a_portfolio__item p{margin-bottom:1rem;font-size:.9rem}.a_portfolio__item-btn{display:flex;justify-content:center;grid-gap:1.5rem;gap:1.5rem;margin-bottom:.8rem}.colab{display:flex;font-size:16px}.icon{font-size:25px;margin-right:.5rem}.color_orange{color:orange}.color_dark{color:#000}@media screen and (max-width:1024px){.a_portfolio__container{grid-template-columns:1fr;grid-gap:1.2rem;gap:1.2rem}}@media screen and (max-width:600px){.a_portfolio__container{grid-template-columns:1fr;grid-gap:1rem;gap:1rem}}
/*# sourceMappingURL=main.da697033.chunk.css.map */