@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nova+Square&display=swap";:root{--Gray: #e0e1dd;--blue1: #1b263b;--blue3: #415a77;--blue4: #778da9;--dark: #1a1e26;--colorGreen: #23c483;--colorWhite: #e0e1dd;--mont: "Montserrat", sans-serif;--jersey: "Jersey 25", sans-serif;--card-height: 16.5em}.dark-mode{background:var(--dark);color:#fff;scrollbar-color:var(--blue3) var(--blue1)}.light-mode{background:var(--Gray);color:var(--blue1);scrollbar-color:var(--blue1) white}.bg-blue-1{background-color:var(--blue1)!important}.bg-white{background-color:#f0f1ec!important}.color-black{color:#000!important;fill:#000!important;stroke:#000!important;filter:invert(50%)}.skills,.aboutMe,.portfolio,.educationExp,.contact{animation-name:scroll-reveal;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry 30% cover 35%;scroll-margin-top:50vh}@keyframes scroll-reveal{0%{opacity:0;translate:0 20vh}to{opacity:1;translate:0 0}}html{overflow:auto;scrollbar-gutter:stable}body{width:100%!important;font-family:var(--mont);margin:0 auto;padding:0;background-color:var(--dark);scrollbar-color:var(--blue3) var(--blue1);color:var(--colorWhite)}.title{font-family:var(--mont);font-size:3.5em;text-align:center;letter-spacing:5%;margin-bottom:2%;text-shadow:4px 4px 10px var(--colorGreen)}p{font-size:1em;line-height:1.6em}h1,h2{text-align:justify}.btn{padding:1.5em;text-transform:uppercase;letter-spacing:2.5px;font-weight:500;border:solid 1px var(--Gray);border-radius:1.3em;box-shadow:0 8px 15px #0009;transition:all .3s ease 0s;cursor:pointer;outline:none;text-decoration:none;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;font-family:var(--mont);font-weight:700;font-size:.6rem}.btn:hover,.btn2:hover{background-color:var(--colorGreen);box-shadow:0 15px 20px #2ee59d66;color:#fff;transform:translateY(-7px)}.btnTop{position:fixed;bottom:20px;right:20px;width:2em;height:2em;font-size:2em;fill:var(--Gray);background-color:var(--Gray);display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;color:var(--blue1);opacity:.5;z-index:1;transition:all .3s;background:linear-gradient(225deg,#f0f1ec,#cacbc7);box-shadow:-10px 10px 32px #5a5a58,10px -10px 32px #898989}.btnTop:hover{opacity:1}.btnTop:active{color:#666;box-shadow:inset 4px 4px 12px #343434,inset -4px -4px 12px #fff}.mainMenu{position:fixed;top:1vh;left:50%;border-radius:999px;transform:translate(-50%);background-color:#778da94d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:3;font-weight:700;display:flex;align-items:center;justify-content:space-between;width:80%;height:8vh;box-shadow:0 2px 20px var(--colorGreen)}.menuRight{display:flex;gap:2em;justify-content:center;align-items:center;margin-right:1em}.menuLeft{display:flex;padding-left:2em}.menuLeft img{margin-left:2em}.container-menu-toggle{display:flex;padding-right:1em;gap:1em}.mainMenu a{font-size:1em;text-decoration:none}.mainMenu a:after{content:"";display:block;width:100%;height:3px;background:var(--colorWhite);transform:scaleX(0);transform-origin:bottom right;transition:transform .5s ease}.mainMenu a:hover:after{transform:scaleX(1);transform-origin:bottom left}.theme-toggle-icon{font-size:1.3rem}.header{height:100vh;display:grid;grid-template-columns:1fr 1fr}.initialInfo,.ppal-img{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.initialInfo .title{width:70%}.ppalPicture{width:60%;border-radius:10px;box-shadow:0 15px 20px #2ee59d66;transition:all .3s;aspect-ratio:1/1}.letter{color:var(--colorGreen);margin:0 auto;transition:all .5s ease}.letter:hover{filter:brightness(2)}.header h3{font-size:1.5em;font-weight:400;text-align:center}#redes{display:flex;justify-content:center;align-items:center;gap:50%;margin:0 auto}.github{height:50%;border-radius:100%;transition:all .5s ease}.github:hover{filter:drop-shadow(0px 8px 15px var(--colorGreen));transform:translateY(-7px);animation:levitate 1.5s cubic-bezier(.42,0,.58,1) infinite;animation-delay:.5s}.linkedin{height:50%;transition:all .5s ease}.linkedin:hover{filter:drop-shadow(0px 8px 15px var(--colorGreen));transform:translateY(-7px);animation:levitate 1.5s cubic-bezier(.42,0,.58,1) infinite;animation-delay:.5s}@keyframes levitate{0%{transform:translateY(-7px)}50%{transform:translateY(-2px)}to{transform:translateY(-7px)}}.buttons-header{margin-top:5em;width:85%;display:flex;gap:2rem;justify-content:center}.cv-buttons-modal{display:flex;justify-content:center;gap:2rem}.cv-buttons-modal .btn{color:#1a1e26;background-color:var(--Gray)}.btn-open-modal-cv{padding:0;gap:.5rem}.btn-open-modal-cv p{margin:0}.skills{padding:2em 0;height:100vh;align-content:center}.hard-skills-animation-container{margin-bottom:3em!important;box-shadow:0 15px 20px #2ee59d66;width:80vw;overflow:hidden;margin:6em auto;height:auto}.soft-skills-animation-container{margin-bottom:3em!important;box-shadow:0 15px 20px #2ee59d66;width:80vw;overflow:scroll;margin:6em auto;height:auto}.hardSkills{display:flex;justify-content:start;list-style-type:none;padding:0;width:auto}.hardSkills li{width:10em}.hardSkills figure{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}.hardSkills figure img{width:3.5em;aspect-ratio:1/1}.hardSkills figcaption{text-align:center}.softSkills{display:flex;gap:4em;justify-content:flex-start;text-align:center;align-items:center;list-style-type:none;padding:3em;width:140%}.softSkills li{text-shadow:0px 15px 20px rgba(46,229,157,.4);font-weight:700}.aboutMe{min-height:100vh;width:65%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;padding-bottom:5em}.portfolio{margin:0 auto;padding:2em 0 5em}.projects{list-style-type:none;display:flex;flex-wrap:wrap;gap:1em;justify-content:center;margin:0 auto;padding:0}.projects .btn{font-size:.7rem}.projectPic{height:10rem;aspect-ratio:1/1;margin:2em auto;border-radius:50%;object-fit:cover}.projectPicShadowWhite{outline:1px groove white;outline-offset:5px;box-shadow:0 0 8px 5px gray,0 0 35px 25px #fff,0 0 50px 10px #2e2e2e}.projectPicShadowBlack{outline:1px groove var(--dark);outline-offset:5px;box-shadow:0 0 8px 5px var(--blue3),0 0 35px 25px var(--blue4),0 0 50px 10px var(--colorGreen)}.clickable-img{align-self:center;cursor:pointer}.card{width:17em;border:solid 2px var(--colorGreen);border-radius:25px;box-shadow:0 15px 20px #2ee59d66;display:flex;gap:1.5em;justify-content:center;align-items:center;flex-direction:column;padding:1rem;height:auto;overflow:hidden;transform:scale(.9);transition:all .5s ease}.card:hover{transform:scale(1)}.card .btn{width:100%}.projectsLink{display:flex;justify-content:flex-end;gap:1.5em;padding-right:1.5em;margin-top:1em}.projectsLink a{font-size:2rem;transition:all ease .7s}.projectsLink a:hover{color:var(--colorGreen)}.iconDark{color:var(--dark)}.iconLight{color:var(--Gray)}.projects h4{margin:0 auto;text-align:center;font-size:1.5rem}.projects hr{margin:1em}.projectsFigure{display:flex;flex-wrap:wrap;margin:2rem 0;justify-content:center;align-items:center;gap:2em;align-content:center}.projectsFigure img{width:100%}.modal{white-space:pre-line}.ant-modal{width:70%!important}.ant-modal-content{background-color:#1a1e26e0!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;font-family:var(--mont)!important}.ant-modal-header{background-color:transparent!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:10px!important}.ant-modal-title{background-color:transparent!important;color:#fff!important;font-size:2rem!important;text-align:center!important;font-family:var(--mont)!important}.ant-modal-close{color:#fff!important}.modal figure img{max-width:2.5em;color:#fff}.modal .btn{width:50%}.modalImg{max-width:100%;border-radius:10px;box-shadow:0 5px 20px var(--colorGreen);margin-top:1rem}.btnNotHover:hover{color:var(--blue1)!important;border-color:var(--Gray)!important}.educationExp{min-height:100vh;width:80vw;display:flex;flex-wrap:wrap;row-gap:7em;padding:0;align-content:center;align-items:center;justify-content:center;margin:0 auto}.educationExp .title{width:100vw;margin:0}.edu,.exp{width:35vw}.edu{line-height:2em;max-height:35vh;overflow-y:scroll}.custom-collapse-light .ant-collapse-item{background-color:var(--Gray)}.custom-collapse .ant-collapse-header{padding:.3rem!important}.custom-collapse a{color:var(--colorGreen)}.custom-collapse .ant-collapse-header-text{font-family:var(--mont);font-weight:700;font-size:1rem}.custom-collapse .ant-collapse-content-box p{margin:0}.custom-collapse-dark .ant-collapse-expand-icon,.custom-collapse-dark .ant-collapse-header-text,.custom-collapse-dark .ant-collapse-content-box p{color:#fff}.custom-collapse-light .ant-collapse-expand-icon,.custom-collapse-light .ant-collapse-header-text,.custom-collapse-light .ant-collapse-content-box p{color:var(--blue1)}.exp{max-height:35vh;overflow-y:auto;margin-left:1rem}.exp h2,.exp p{margin:0;text-align:left}.exp p{margin-bottom:1.5em}.details-title{cursor:pointer}details p{margin:0}details a{color:var(--colorGreen)}details a:hover{filter:brightness(.5)}details a:visited{color:var(--blue4)}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}.contact .title{margin-top:0}.form{border:solid 1px var(--colorGreen);border-radius:10px;padding:3em;margin-top:3em;position:relative}.buttonsContact{display:flex;flex-direction:row;gap:4em;align-self:center;justify-content:center;width:100%}.contact .formGroup{display:grid;justify-items:center}.contact label{justify-self:left}.contact input,.contact textarea{padding:.7em 0;text-indent:1em;border-radius:10px;font-family:var(--mont);font-size:1em;background-color:#ebebeb;box-shadow:inset 2px 5px 10px #0000004d;transition:.3s ease-in-out;width:100%}.contact input:focus,.contact textarea:focus{scale:1.02;background-color:#fff;box-shadow:1px 1px 15px #969696,-1px -1px 15px #fff;outline:2px solid var(--colorGreen);outline-offset:-5px}.containerForm{display:flex;flex-direction:column;row-gap:1em}.loadingSpinner{display:flex;flex-direction:column;justify-items:center;align-items:center;height:100%;animation:spin .7s linear infinite}.loadingContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:rotate(360deg)}}footer{height:15vh;display:flex;align-items:center;justify-content:center}.copyright{text-align:center;font-size:.9em}.iconFooter{height:1.3em}@media (min-width: 1500px){.projects{aspect-ratio:3/1}}@media (max-width: 1025px){.title{font-size:4em;margin-bottom:1em}.btn2,.btn{letter-spacing:1.8px;font-size:1.1em;padding:1.2em}.mainMenu a{font-size:1.5em}.header{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center}.initialInfo{margin:0 auto}.initialInfo h3{font-size:2em}.initialInfo .title{width:90%;margin-bottom:0}.git,.linkedin{height:3em}.softSkills{min-width:200%;font-size:1.3em}.hardSkills figcaption{font-size:1.4em}.aboutMe p{font-size:1.7em}.aboutMe .btn2{width:50%}.projects{gap:4em}.projectsLink a{font-size:2em}.educationExp{min-width:100vw;max-height:90vh}.exp h2{font-size:1.7em}.exp p,.edu{font-size:1.4em}.edu,.exp{width:47vw}.form{font-size:1.4em}.buttonsContact{font-size:.7em}.btnTop{font-size:2.5em;width:2em;height:2em}footer{font-size:1.7em}.theme-toggle-icon{font-size:2em}}@media (width >= 1023px) and (height >= 1365px){.mainMenu{font-size:.9rem;width:90%}.ppalPicture{width:45%}}@media (max-width: 860px){p{-webkit-hyphens:auto;hyphens:auto}.portfolio{animation-range:entry 10% cover 20%;scroll-margin-top:50vh}.mainMenu{position:sticky;height:7vh;top:0;z-index:2;box-shadow:none;border-radius:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none;background-color:transparent;left:0;width:100%}.container-menu{position:sticky;height:7vh;top:0;z-index:2}.mobile-menu{display:flex}.mobile-menu-fix{margin-left:auto}.menuRight{flex-direction:column;justify-content:flex-start;align-items:end;gap:4em;position:fixed;right:0;margin-right:0;left:0;top:7vh;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);padding:8em 3em 3em;font-weight:600;letter-spacing:1px;z-index:1;height:100%;animation:collapseMenu .3s linear both}@keyframes collapseMenu{0%{max-height:0;opacity:.3}to{max-height:100%;opacity:1}}.btnTop{z-index:2}.menuLeft img{margin-left:1em}.hamburger{padding-right:2em;display:flex;align-items:center}.theme-toggle{position:absolute;top:10vh;left:88vw;z-index:2}.theme-toggle-icon{font-size:2rem}.header{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center}.ppalPicture{aspect-ratio:1/1}.aboutMe{width:85%}figcaption{font-size:1.5em}.softSkills{font-size:1.3em;min-width:300%}.form,.contact .title{max-width:80%}.modal .btn{font-size:.6rem!important}.ant-modal{width:95%!important}}@media (max-width: 800px) and (min-height: 1000px){.header{padding:3em 0}.ppalPicture{width:50%}}@media (max-width: 550px){.title{font-size:2.5em}.mainMenu img{height:2em}.menuRight{font-size:.7em}.theme-toggle{top:12vh;left:82vw}.theme-toggle-icon{font-size:1.3rem}.header{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:5em;height:100vh;font-size:.6em}.ppalPicture{aspect-ratio:1/1}.buttons-header{gap:1rem}.cv-buttons-modal .btn{font-size:.6rem}.header .title{font-size:3.5em}.aboutMe{width:85%}.aboutMe .btn2{padding:1em;width:25%;font-size:.5em}.skills{padding:1em 0}.skills .title{width:100%;margin:0 auto 1em}.hardSkills{gap:1em}.hardSkills li{width:5em;height:6em}.hardSkills figure img{height:3em}.hardSkills figcaption{font-size:1em}.softSkills{font-size:.8em;padding:1.5em}.aboutMe p{font-size:1em;margin-top:3em}.aboutMe .btn2{width:50%;font-size:.7em}.portfolio{padding:1em 0 3em}.projects{gap:1em}.portfolio .title{margin-bottom:1em}.card{font-size:.8rem}.educationExp{flex-wrap:nowrap;font-size:.7em;max-height:60vh;flex-direction:column}.edu,.exp{width:90%}.educationExp .title{font-size:4em}footer{font-size:.9em}.form{font-size:.9em;padding:2em}.btnTop{font-size:1.5em;width:2em;height:2em}}@media (max-width: 950px) and (min-height: 1250px){.menuRight{font-size:1em;gap:1.5em;row-gap:6em}.theme-toggle{top:10vh;left:90vw}}@media (max-width: 380px){.hardSkills{width:130%}.btn,.btn2{font-size:1em!important}}.theme-toggle.theme-toggle--reversed .theme-toggle__around{transform:scaleX(-1)}.theme-toggle{--theme-toggle__around--duration:.5s}.theme-toggle__around *{transform-origin:center;transition:transform calc(var(--theme-toggle__around--duration) * .6) ease}.theme-toggle__around>g g circle{transition-duration:calc(var(--theme-toggle__around--duration) * .2)}.theme-toggle__around>g g :nth-child(1){transition-delay:calc(var(--theme-toggle__around--duration)*.253)}.theme-toggle__around>g g :nth-child(2){transition-delay:calc(var(--theme-toggle__around--duration)*.348)}.theme-toggle__around>g g :nth-child(3){transition-delay:calc(var(--theme-toggle__around--duration)*.443)}.theme-toggle__around>g g :nth-child(4){transition-delay:calc(var(--theme-toggle__around--duration)*.538)}.theme-toggle__around>g g :nth-child(5){transition-delay:calc(var(--theme-toggle__around--duration)*.633)}.theme-toggle__around>g g :nth-child(6){transition-delay:calc(var(--theme-toggle__around--duration)*.728)}.theme-toggle__around>:first-child path{transition-property:transform,d}.theme-toggle--toggled.theme-toggle .theme-toggle__around *{transition-delay:0s;transition-duration:var(--theme-toggle__around--duration)}.theme-toggle--toggled.theme-toggle .theme-toggle__around>g>circle{transform:scale(1.4)}.theme-toggle--toggled.theme-toggle .theme-toggle__around>g g circle{transform:scale(0);transition-duration:calc(var(--theme-toggle__around--duration) * .4)}.theme-toggle--toggled.theme-toggle .theme-toggle__around>:first-child{transform:rotate(-90deg)}.theme-toggle--toggled.theme-toggle .theme-toggle__around>:first-child path{d:path("M-12-14h42v30a1 1 0 00-16 13H0Z")}@supports not (d:path("")){.theme-toggle--toggled.theme-toggle .theme-toggle__around:first-child path{transform:translate3d(-12px,-14px,0)}}.theme-toggle{border:none;background:0 0;cursor:pointer}@media (prefers-reduced-motion:reduce){.theme-toggle:not(.theme-toggle--force-motion) *{transition:none!important}}