:root{--header-height: 3rem;--font-semi: 600;--hue-color: 224;--first-color: hsl(var(--hue-color), 89%, 60%);--second-color: hsl(var(--hue-color), 56%, 12%);--body-font: "Poppins", sans-serif;--big-font-size: 2rem;--h2-font-size: 1.25rem;--normal-font-size: .938rem;--smaller-font-size: .75rem;--mb-2: 1rem;--mb-4: 2rem;--mb-5: 2.5rem;--mb-6: 3rem;--z-back: -10;--z-fixed: 100;--hunter-green: #386641ff;--asparagus: #6a994eff;--yellow-green: #a7c957ff;--parchment: #f2e8cfff;--bittersweet-shimmer: #bc4749ff}*{margin:0;font-family:Poppins,sans-serif}.no-js-content{display:block}.js-content{display:none}.js .js-content{display:block}.js .no-js-content{display:none}@media screen and (min-width: 968px){:root{--big-font-size: 3.5rem;--h2-font-size: 2rem;--normal-font-size: 1rem;--smaller-font-size: .875rem}}*,:before,:after{box-sizing:border-box}body{margin:var(--header-height) 0 0 0;font-family:var(--body-font);font-size:var(--normal-font-size);color:var(--second-color)}h1,h2,p{margin:0}ul{margin:0;padding:0;list-style:none}a{text-decoration:none}img{max-width:100%;height:auto;display:block}.section-title{position:relative;font-size:var(--h2-font-size);color:var(--first-color);margin-top:var(--mb-2);margin-bottom:var(--mb-4);text-align:center}.section-title:after{position:absolute;content:"";width:64px;height:.18rem;left:0;right:0;margin:auto;top:2rem;background-color:var(--first-color)}.section{padding-top:3rem;padding-bottom:2rem}.home{padding:4rem 0 5rem;display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;min-height:80vh}.home__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem}.home__data{order:1}.home__title{font-size:var(--big-font-size);margin-bottom:var(--mb-5);line-height:1.2}.home__title-color{color:var(--yellow-green)}.button{background:var(--yellow-green);color:#fff;padding:.75rem 2rem;border-radius:25px;text-decoration:none;font-weight:var(--font-semi);transition:all .3s ease;display:inline-block;margin-top:1rem}.button:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003;color:#fff;text-decoration:none}.home__social{order:2;display:flex;justify-content:center;gap:1rem;margin:1rem 0}.wp-icon,.gmail-icon,.git-icon,.linkedin-icon{width:45px;height:45px;background-repeat:no-repeat;background-size:contain;transition:all .5s ease-out}.wp-icon{background-image:url(../src/assets/Contact/whatsapp.png)}.wp-icon:hover,.gmail-icon:hover,.git-icon:hover,.linkedin-icon:hover{filter:brightness(1.2);transform:scale(1.15)}.gmail-icon{background-image:url(../src/assets/Contact/gmail.png)}.git-icon{background-image:url(../src/assets/Contact/github.png)}.linkedin-icon{background-image:url(../src/assets/Contact/linkedin.png)}.home__img{order:3;display:flex;justify-content:center;align-items:center;width:100%;max-width:300px;margin:0 auto}.home__blob{fill:var(--yellow-green);width:100%;height:auto}.home__blob-img{width:100%;height:auto}@media screen and (min-width: 768px){.home{grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:6rem 0}.home__content{text-align:left;align-items:center}.home__data{order:1}.home__social{order:2;justify-content:space-evenly;margin:2rem 0 0;width:500px}.home__img{order:3;grid-column:2;grid-row:1 / -1;max-width:400px;margin:0}.wp-icon,.gmail-icon,.git-icon,.linkedin-icon{width:50px;height:50px}}@media screen and (min-width: 1024px){.home__img{max-width:750px}.home__title{font-size:3.5rem}}.profile-img{width:50px;height:200px;border-radius:50%;margin-bottom:2rem;object-fit:cover;border:4px solid white}.section{padding:4rem 0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:2rem 0}.skill-item{background:var(--parchment);padding:1rem;border-radius:10px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-card{background:#ffffff1a;border-radius:15px;padding:2rem;margin:1rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tech-badge{display:inline-block;background:#fff3;padding:.3rem .8rem;border-radius:20px;margin:.2rem;font-size:.8rem}.contact-btn{background:linear-gradient(45deg,#ff6b6b,#feca57);border:none;padding:1rem 2rem;border-radius:50px;color:#fff;font-weight:600;text-decoration:none;display:inline-block;margin:.5rem;transition:transform .3s ease}.contact-btn:hover{transform:translateY(-3px);color:#fff}.navbar{background:#9aab739b;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.navbar-brand,.nav-link{color:#fff!important}.nav-link:hover{color:var(--hunter-green)!important}html{scroll-behavior:smooth}.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--light-brown: #d4a373;--bg-color: #faedcd;--dark-orange: #FF5823;--orange-shadow: rgba(245, 127, 23,.2);--white: #ffffff;--black: #393939;--green-solid: #ccd5ae;--green-transp:#ccd5aedc;--light-green: #e9edc9;--dark-green: #606c38;--btn: #eec170;--btn-hover:#ffe1a8;--error-message: #e44f4fd1;--toast-error: #e44f4ffa;--toast-shadow: #9c9c9ce3;--toast-grey: #e1ddddae;--toast-success: #0CBFAE;--loader-color: #0CBFAE }@media (min-width: 1440px){html{zoom:1!important;scroll-behavior:smooth}}body{margin:0;overflow-y:overlay;overflow-x:hidden;font-family:Poppins Regular;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{outline:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:6px!important;height:6px!important}body ::-webkit-scrollbar-thumb{background-color:#ffffff29}::-webkit-scrollbar-thumb{background-color:#0003}::-webkit-scrollbar-track{background:#ffffff1a}.btn{border-radius:50px;padding:14px 0;width:160px;cursor:pointer;transition:.2s;font-family:Poppins SemiBold}.btn:active{transform:translateY(2px)}.primary-btn{color:var(--white);border:2px solid linen;font-size:12px;background-color:#1f2235}.primary-btn:hover{color:#f0f8ff;border:2px solid #ff5823;background-color:#1f2235}.highlighted-btn{color:var(--white);font-size:12px;background-color:#ff5823}@media only screen and (max-width: 568px){.highlighted-btn{z-index:-900}}.red-border{border:1px solid var(--error-message)!important}.fade-in{opacity:0;transform:translateY(80px);transition:all .8s ease}nav{display:flex;justify-content:space-between;align-items:center;position:fixed;font-size:20px;padding:40px;width:100%;transition:.6s;z-index:10}nav.sticky{padding:15px 20px;background-color:#fff;box-shadow:0 0 10px #0003}.buttonLang{box-sizing:border-box;display:flex;justify-content:center;align-items:center;outline:none;border:none;cursor:pointer;background-color:transparent;font-size:30px;font-weight:700;color:var(--black);text-shadow:-2px 3px 3px rgba(0,0,0,.1)}.menu-items{display:flex;list-style:none;margin:0;padding:0}.menu-items li{margin:0 15px}.menu-items a{color:var(--green-solid);text-decoration:none}.menu-icon{display:none;cursor:pointer;flex-direction:column;justify-content:space-between;width:25px;height:20px}.menu-icon div{width:100%;height:3px;background-color:#000;transition:all .3s}.flat{width:3vw}.menu-items li{margin:10px;text-decoration:none}.i-link{text-decoration:none;color:var(--green-solid);position:relative}.i-link:after{content:"";width:0;height:4px;background-color:var(--green-solid);position:absolute;bottom:-6px;right:50%;transition:all .5s;will-change:width}.i-link:hover:after{width:100%;right:0}.menu-items,li:hover,a:hover{color:var(--green-solid);text-decoration:none}.menu-items li.active{border-bottom:5px solid var(--green-solid);color:var(--green-solid);font-weight:700}.btn-menu-mobile{font-size:2rem;cursor:pointer;display:none}ul.show{top:0}@media screen and (max-width: 768px){nav{width:100%;height:10vh;flex-direction:row-reverse;padding:0}nav.sticky{padding:30px 0}.menu-items{position:fixed;width:100vw;height:100%;background-color:var(--green-transp);text-align:center;transition:1s;flex-direction:column;display:none}.menu-items.show{display:flex;align-items:center}.menu-icon{display:flex;margin:20px;width:30px;height:30px;z-index:10}.menu-icon.change .bar1{background-color:var(--dark-green);transform:rotate(-48deg) translate(-11px,8px)}.menu-icon.change .bar2{opacity:0}.menu-icon.change .bar3{background-color:var(--dark-green);transform:rotate(45deg) translate(-10px,-8px)}.menu-lang{display:flex;margin:5vw}.flat{width:15vw;height:5vh}.menu-items li{display:flex;left:.1vw;margin:30px}.menu-items a{color:var(--white);text-decoration:none}.menu-items li.active{border-bottom:0}.i-link{margin-left:0;display:flex;align-items:center;margin-top:5vh;font-size:20px;color:#fff;font-weight:700}.i-link:after{width:0;height:0px}.buttonLang{text-shadow:-2px 3px 3px rgba(0,0,0,.1)}}@media screen and (max-width: 480px){nav{width:100%;height:10vh;padding:0}nav.sticky{padding:30px 0}.menu-lang{display:flex;margin:20px}.flat{width:13vw;height:6vh}.menu-items{position:fixed;width:100vw;height:100%;background-color:var(--green-transp);text-align:center;transition:1s;flex-direction:column}.menu-items li{position:relative;display:flex;left:.1vw;margin:20px 0;top:45px}.i-link{margin-left:0;display:flex;align-items:center;margin-top:5vh;font-size:20px;color:#fff;font-weight:700}.i-link:hover{color:#fff;text-shadow:0 0 10px var(--dark-green);transform:scaleX(1.2) scaleY(1.2)}.menu-icon{width:30px;height:25px}.menu-icon.change .bar3{transform:rotate(45deg) translate(-7px,-6px)}.buttonLang{font-size:25px}}.vertical-timeline *{box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;position:relative;padding:2em 0}.vertical-timeline:after{content:"";display:table;clear:both}.vertical-timeline:before{content:"";position:absolute;top:0;left:18px;height:100%;width:4px;background:var(--line-color)}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{position:relative;margin:2em 0}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";display:table;clear:both}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 4px #fff,inset 0 2px #00000014,0 3px 0 4px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;left:50%;margin-left:-30px}}.vertical-timeline-element-icon{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}60%{opacity:1;-moz-transform:scale(1.2)}to{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em;box-shadow:0 3px #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;box-shadow:none}.vertical-timeline-element-content:after{content:"";display:table;clear:both}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-title,.vertical-timeline-element-subtitle{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;padding:.8em 0;opacity:.7}.vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:unset;left:100%;height:0;width:0;border:7px solid transparent;border-left:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{left:100%;border-left:7px solid #fff;border-right:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{position:absolute;width:100%;left:124%;top:6px;font-size:16px;font-size:1rem}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translateX(-100px)}60%{opacity:1;-moz-transform:translateX(20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translate(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translate(20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translateX(100px)}60%{opacity:1;-moz-transform:translateX(-20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translate(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translate(-20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}.e-structure{margin:10px}.e-links{text-decoration:none;color:var(--btn)}.e-links:hover{color:var(--btn-hover)}.vertical-timeline-element-title{font-weight:700;margin:5px;color:var(--btn)}.vertical-timeline-element-subtitle{font-size:medium;font-style:italic;margin-top:2vh;color:#858688}.e-description{margin:10px}#education{padding:50px}.educationExperienceTitle{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10vh;margin-bottom:3rem;font-weight:700;color:var(--green-solid)}.radioButtons{width:100%}.radioButtons>fieldset{display:flex;align-items:center;justify-content:center}.radioButtons>fieldset>div>label>.MuiRadio-root{color:var(--green-solid)}.radioButtons>fieldset>div>label>.MuiRadio-root:hover{background-color:#dde3b35b}.vertical-timeline:before{background:var(--bg-color)}@media screen and (max-width: 480px){#education{padding:1rem}.educationExperienceTitle{margin:10px 0;padding:0 20px;font-size:25px;text-align:center}.radioButtons{width:auto;margin-left:7vw}}.swiper_container{height:auto!important}.p-container{max-width:124rem;padding:4rem 1rem;margin:0 auto 6rem}.p-title{display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;color:var(--green-solid);margin-bottom:3rem}.custom-carousel{width:100%}.custom-carousel .carousel-inner{height:600px;background-color:var(--toast-grey);border-radius:10px}.custom-carousel .carousel-item img{width:100%;height:600px;object-fit:contain;border-radius:20px}.p-card{border-radius:20px;cursor:pointer;display:flex;align-items:center}.image{object-fit:cover;width:-webkit-fill-available;height:-webkit-fill-available}.p-content{position:absolute;height:-webkit-fill-available;width:-webkit-fill-available;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:.5s;border-radius:20px}.btn-view{box-sizing:border-box;display:flex;justify-content:center;align-items:center;outline:none;border:none;cursor:pointer;background-color:transparent;color:var(--white);font-size:20px;font-weight:700;border-radius:20px}.p-card:hover .p-content{opacity:1;border-radius:20px}@media (max-width: 768px){.p-container{display:flex;flex-direction:column;padding:1rem;margin:0 auto;min-height:600px}.custom-carousel{margin:0}.p-title{margin-bottom:3.5rem}.custom-carousel .carousel-inner{height:400px;background-color:transparent}.custom-carousel .carousel-item img{height:400px;object-fit:cover}.p-card{border-radius:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.p-content{position:absolute;width:100%;height:50px;display:flex;align-items:center;justify-content:center;opacity:1;transition:none;border-radius:0 0 15px 15px;bottom:0}.btn-view{background-color:transparent;color:var(--white);font-size:15px;font-weight:700;border-radius:20px 20px 0 0}.p-card:hover .p-content{opacity:1;border-radius:0}}@media (max-width: 480px){.p-title{margin:40px 0;padding:0 20px;font-size:25px;text-align:center}.custom-carousel .carousel-inner,.custom-carousel .carousel-item img{height:300px}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));grid-gap:30px;gap:30px;padding:20px;height:80vw;width:fit-content;margin:0 auto}.grid-card{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.grid-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #00000026}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}.projects-grid{grid-template-columns:1fr;gap:20px;padding:15px}}@media (max-width: 480px){.projects-grid{gap:15px;padding:10px}}@media (min-width: 769px) and (max-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:25px}}.style-box{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--white);width:50vw;height:90vh;display:flex;align-items:center;flex-direction:column;justify-content:space-evenly;overflow:auto;padding:60px;border-radius:10px}; .css-1wnsr1i{border-radius:20px;width:530px;height:500px}.css-79ws1d-MuiModal-root{z-index:99999999!important;overflow:scroll!important}.closeButton{position:absolute;right:12px;top:10px;cursor:pointer}.m-sub{font-size:18px;font-weight:700;text-align:center;margin:10px}.m-box{display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.m-container{display:flex;flex-direction:column;width:100%}.m-title{font-size:30px;color:var(--dark-green)}.m-text{font-size:16px;width:100%;padding:5px;text-align:center;color:var(--white);background-color:var(--green-solid)}.m-icons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;overflow-y:auto}.skill-icon{width:50px;height:50px;margin:5px 10px}.m-element{width:auto;display:flex;margin:5px 15px;flex-direction:column;align-items:center}.m-name{font-size:12px}.m-buttons{display:flex;align-items:center;margin:10px;justify-content:center}.m-buttons button{box-sizing:border-box;display:flex;justify-content:center;align-items:center;outline:none;border:none;cursor:pointer;width:110px;height:100%;border-radius:10px;margin:10px;padding:12px;background-color:var(--green-solid)}.m-buttons button:hover{background-color:var(--dark-green)}.m-buttons a{background-color:transparent;color:var(--white);font-size:16px;font-weight:700;text-decoration:none}@media screen and (max-width: 768px){.style-box{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);border-radius:10px;border-color:transparent;background-color:var(--white);width:100vw;height:70vh;display:flex;align-items:center;flex-direction:column;overflow:auto;padding:50px 20px};.m-title{font-size:18px}.m-text{font-size:14px}}@media screen and (max-width: 480px){.m.title{font-size:16px}}.container{display:flex;width:100vw;max-width:none;height:100%;margin:0;padding-right:0;padding-top:0}.section-left{display:flex;flex-direction:column}.introduction{padding:10rem 0 10rem 5rem;height:100vh;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start}.i-intro{font-size:30px;font-weight:300}.i-name{font-size:60px;font-weight:700;color:var(--black);text-shadow:-2px 3px 3px rgba(0,0,0,.57)}.i-mobile{display:none}.i-title{height:60px;overflow:hidden}.typewriter-cursor{display:inline-block;width:1ch;animation:blink .7s steps(1) infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.i-title-item{height:60px;font-size:30px;font-weight:700;color:var(--light-brown);display:flex;align-items:center}.i-social{display:flex;flex-direction:row;cursor:pointer;justify-content:space-between;width:50%}.wp-icon{width:50px;height:50px;background-repeat:no-repeat;background-size:contain;transition:all .5s ease-out;background-image:url(/assets/whatsapp-tzmypY5B.png)}.wp-icon:hover{filter:opacity(100%);transform:scale(1.1)}.gmail-icon{width:50px;height:50px;background-repeat:no-repeat;background-size:contain;transition:all .5s ease-out;background-image:url(/assets/gmail-_5TghB9U.png)}.gmail-icon:hover{filter:opacity(100%);transform:scale(1.1)}.git-icon{width:50px;height:50px;background-repeat:no-repeat;background-size:contain;transition:all .5s ease-out;background-image:url(/assets/github-CUEubE6I.png)}.git-icon:hover{filter:opacity(100%);transform:scale(1.1)}.linkedin-icon{width:50px;height:50px;background-repeat:no-repeat;background-size:contain;transition:all .5s ease-out;background-image:url(/assets/linkedin-CclETaTQ.png)}.linkedin-icon:hover{filter:opacity(100%);transform:scale(1.1)}.section-right{height:-moz-fit-content;height:100vh;position:sticky;top:0;display:flex;align-items:flex-end;justify-content:flex-end}.i-img{width:100%;height:100%;object-fit:cover;animation:fadeInRight;animation-duration:2s}.i-bg{clip-path:polygon(25% 0%,100% 0%,100% 100%,25% 100%,0% 50%);background-color:var(--bg-color);width:100%;height:100%;top:0;right:0;animation:fadeInRight;animation-duration:2s}.a{display:flex;align-items:center;width:50%}.presentation{padding:0 5rem;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.title{font-size:35px;text-align:start;font-weight:700;color:var(--green-solid)}.gretting{color:var(--black);opacity:.5;font-size:18px}.purposes-section{font-size:20px;padding:0 8rem}p{font-size:18px}.cards-section{display:flex;flex-direction:row;justify-content:space-between}.card{position:relative;width:220px;height:180px;border-radius:10px;border-color:transparent;margin:0 10px}.card .face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;border-color:transparent;overflow:hidden;transition:1s}.card .front{transform:perspective(600px) rotateY(0);box-shadow:0 8px 16px #39393933;background:var(--btn);display:flex;align-items:center;justify-content:center}.card .front h3{position:absolute;align-items:center;color:var(--white);text-align:center;padding:15px;font-size:20px}.card .back{transform:perspective(600px) rotateY(180deg);box-shadow:0 8px 16px #39393933;background:var(--btn);display:flex;flex-direction:column;justify-content:center}.card .back p{position:absolute;color:var(--white);text-align:center;padding:10px;margin:0;font-size:14px}.card:hover .front{transform:perspective(600px) rotateY(180deg)}.card:hover .back{transform:perspective(600px) rotateY(360deg)}.resume{margin:20px;display:flex;align-items:center;justify-content:center}.button{--width: 250px;--height: 50px;width:var(--width);height:var(--height);background:var(--btn);position:relative;text-align:center;border-radius:30px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;text-decoration:solid;-webkit-box-shadow:4px 8px 19px -3px #eec170;box-shadow:0 0 20px -3px #eec170}.button:before{position:absolute;content:attr(data-tooltip);background-color:var(--light-brown);font-size:.9rem;color:#111}.button:after{position:absolute;content:"";width:0;height:0;border:10px solid transparent}.button:after,.button:before{opacity:0;visibility:hidden;transition:all 1s}.text{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.button-wrapper,.text,.icon{overflow:hidden;position:absolute;width:100%;height:100%;left:0;top:0;color:var(--white);font-weight:700}.text{top:0}.icon{color:var(--btn) important!}.text,.icon{transition:top 1s}.icon{color:#fff;top:100%;display:flex;align-items:center;justify-content:center}.button:hover{background:var(--btn-hover)}.button:hover .text{top:-100%}.button:hover .icon{top:0}.section{position:relative;background-color:var(--white)}@media screen and (max-width: 880px){.container{padding:0}.introduction{padding:0;justify-content:flex-start;margin-top:100px;align-items:center}.i-bg{width:100%}.i-mobile{display:flex;flex-direction:row;align-items:center;justify-content:center}.i-title,.i-social{display:none}.section-right{bottom:0;display:flex;position:absolute;align-items:center;justify-content:center;top:auto;width:auto;height:auto}.i-bg{background-color:transparent}.presentation{height:auto;padding:0}.title{margin:10px 0;padding:0 20px;font-size:25px;text-align:center}.cards-section{flex-direction:row}.card{margin:10px}.purposes-section{display:flex;justify-content:center;align-items:center;font-size:16px;padding:0 2rem}.purposes-section p{text-align:center}.number-exp{width:90px;height:90px}.descrip-exp,.number-exp{font-size:14px}.button{--width: 300px;--height: 50px;box-shadow:none}.resume{margin:30px 0}.button-wrapper,.text{font-size:18px}.gretting{color:var(--black);opacity:.5;font-size:18px;text-align:center}}@media screen and (max-width: 768px){.section-left{height:50%}.a-card-bg{position:absolute;top:-40px;left:0}.a-img{height:80vh;object-fit:cover;animation:fadeIn;animation-duration:8s}p{font-size:16px}.gretting{font-size:14px}}@media screen and (max-width: 480px){.container{flex-direction:column}.introduction{align-items:center}.i-intro{margin-top:3vh;font-size:30px}.i-intro,.i-name,.i-desc{text-align:center}.i-name{font-size:32px}.i-mobile{font-size:18px}.i-left{margin-top:10vh;height:50vh}.section-right{width:100%}.i-bg{background-color:transparent}.i-img{margin-top:-2vh;animation:slideInUp;animation-duration:2s;position:relative;max-width:100%;width:100%;height:auto;display:block;margin:0 auto}.a-left{display:none}.card{width:150px;height:150px}.card .front h3{font-size:18px}.card .back p{font-size:11px}.a-title,.a-sub{text-align:center}.imgArg{width:6vw;height:3vh}.a-desc{text-align:center}.a-footer{margin-top:12vh;text-align:center}.resume{width:100%}.btn-get-resume{margin-bottom:-10vh;width:50vw;height:10vh;text-decoration:none}.a-down{margin-top:-5vh}}.presentation[id]{scroll-margin-top:80px;scroll-behavior:smooth}.footer{position:relative;width:100%;background:var(--light-green);min-height:100px;padding:20px 50px;display:flex;justify-content:center;align-items:center;flex-direction:column}.social-icon,.menu{position:relative;display:flex;justify-content:center;align-items:center;margin:10px 0;flex-wrap:wrap}.social-icon__item,.menu__item{list-style:none}.social-icon__link{font-size:2rem;color:#fff;margin:0 10px;display:inline-block;transition:.5s}.css-i4bv87-MuiSvgIcon-root{width:5rem!important;height:3rem!important}.social-icon__link:hover{transform:translateY(-10px)}.menu__link{font-size:1.2rem;color:#fff;margin:0 10px;display:inline-block;transition:.5s;text-decoration:none;opacity:.75;font-weight:300}.menu__link:hover{opacity:1}.footer p{color:#fff;margin:15px 0 10px;font-size:1rem;font-weight:300}.wave{position:absolute;top:-100px;left:0;width:100%;height:100px;background:url(/assets/wave-2-BidFJGZP.png);background-size:1000px 100px}.wave#wave1{z-index:1000;opacity:1;bottom:0;animation:animateWaves 4s linear infinite}.wave#wave2{z-index:999;opacity:.5;bottom:10px;animation:animate 4s linear infinite!important}.wave#wave3{z-index:1000;opacity:.2;bottom:15px;animation:animateWaves 3s linear infinite}.wave#wave4{z-index:999;opacity:.7;bottom:20px;animation:animate 3s linear infinite}@keyframes animateWaves{0%{background-position-x:1000px}to{background-position-x:0px}}@keyframes animate{0%{background-position-x:-1000px}to{background-position-x:0px}}@media screen and (max-width:768px){.menu__link{font-size:1rem}.css-i4bv87-MuiSvgIcon-root{width:3rem!important;height:2rem!important}}@media screen and (max-width: 480px){.footer{padding:20px}.css-i4bv87-MuiSvgIcon-root{width:3rem!important;height:2rem!important}.footer p{text-align:center}}*,*:before,*:after{box-sizing:border-box}main{width:100vw;max-width:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2rem}section{width:100%;padding:0;margin:0}@media (max-width: 600px){main{padding:.5rem;gap:1rem}section{padding:.5rem 0}}.profile{display:flex;width:100%;height:100%;margin:auto 0 0 auto;padding-right:0;padding-top:0}#education{min-height:100vh;position:relative}#projects,#contact{position:relative}@media screen and (max-width: 1400px){.profile{max-width:1260px}}@media screen and (max-width: 769px){.profile{max-width:700px;min-width:700px}}@media screen and (max-width: 480px){.profile{min-width:0}}