@import"https://fonts.googleapis.com/css2?family=Caprasimo&family=Inter:wght@100;300;400;500;600;700&display=swap";li{list-style:none}a{font-size:1.2rem;text-decoration:none;color:#fff;transition:all ease-in-out .3s;padding:.7rem}.navbar li a:hover{background-color:var(--color-secondary);border:none;border-radius:2rem}.logo-anchor{display:flex;height:fit-content;padding:0 1rem}.logo-anchor:hover{transform:scale(.95);filter:opacity(.7)}.brand{width:70px;border-radius:.5rem;pointer-events:none}.navbar-container{width:80%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:.5rem;overflow:hidden;padding:0 10%;height:max-content;position:fixed;z-index:3}.navbar{width:100%;height:60px;max-width:100%;margin:0;display:flex;align-items:center;justify-content:space-between;padding:.5rem 0rem;border-radius:1rem;position:relative;z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all ease-in-out .5s;background-color:var(--color-white-background)}.navbar .logo a{font-size:1.5rem;font-weight:600}.navbar .links{display:flex;gap:2rem}.links a.active{background-color:var(--color-green-hover);border-radius:1rem}.navbar .toggle-btn{display:none;color:#fff;background-color:transparent;border:none;cursor:pointer;font-size:1.5rem;padding:0 1rem}.action-btn{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;background:radial-gradient(circle at center,var(--color-primary),var(--color-secondary),var(--color-tertiary));background-size:400% 400%;position:relative;animation:cambiar 12s ease-in-out infinite;margin:0 1rem}.action-btn:hover{transform:scale(1.1);cursor:pointer}.action-btn:active{scale:.95}.dropdown-menu{display:none;position:relative;height:0;width:300px;background-color:var(--color-white-background);border-radius:1rem;overflow:hidden;transition:height .2s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dropdown-menu.open{height:217px}.dropdown-menu li a{height:100%;padding:.7rem 0;display:flex;align-items:center;justify-content:center}.dropdown-menu li:hover{background-color:var(--color-secondary);border:none;border-radius:1rem}.dropdown-menu li a.active{background-color:var(--color-green-hover);border-radius:1rem}.dropdown-menu .action-btn{display:flex;justify-content:center;margin:.5rem 2rem;align-items:center}@media (max-width: 992px){a{padding:0;font-size:1rem}.navbar .links,.navbar .action-btn{display:none}.navbar .toggle-btn,.dropdown-menu{display:block}}@media (max-width: 576px){.dropdown-menu{width:100%}}.home{width:100%;height:100vw;color:var(--color-primary)}.header-container{height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 6vh;text-align:center;z-index:1}.header{display:flex;font-size:8vh;font-weight:700;z-index:1;margin:0}.header-subtitle{padding:1rem;font-size:1.3rem}.profile-container{background:var(--color-secondary);height:100%;display:flex;position:relative;z-index:1}.profile-fade{display:flex;height:100%;min-height:100vh}.about-container{width:100%;height:100%;min-height:100vh;position:relative;margin:5% auto;height:fit-content;display:flex;align-items:center;justify-content:center;text-align:center}.about-header{color:#fff;font-size:2.5rem;font-weight:600;margin:1rem;border-bottom:1px solid white}.projects-container{background-color:var(--color-tertiary);height:auto;padding:7rem 2rem 4rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;align-items:center}.project-col-one{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;padding-bottom:4rem;flex-wrap:wrap;column-gap:6rem;row-gap:6rem}.project-col-two{display:flex;justify-content:center;align-items:center}.project-col-two a{height:fit-content;padding:.5rem;text-align:center;border:3px solid var(--color-primary)}.skeleton{width:28rem;height:28rem}@media (max-width: 576px){.about-card{width:70%}.skeleton{width:250px;height:250px}}.about-experience-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;justify-content:center}.dropdown-experience{color:#fff;font-size:2rem;font-weight:500;padding:1rem;margin:1rem 2rem;width:100%;display:flex;flex-direction:row;justify-content:space-between;background-color:#ffffff65;cursor:pointer;border-radius:5px;border:none}.dropdown-experience:hover{background-color:var(--color-quaternary);transition:all .5s}.dropdown-experience:not(:hover){transition:all .5s}.dropdown-content{max-height:0;overflow:hidden}.dropdown-content.opened{max-height:100%;background-color:var(--color-senary);width:100%;border-radius:5px}.dropdown-opened-card{display:flex;justify-content:space-around;align-items:center;flex-direction:row;padding:1% 5%;font-size:1.35rem}.dropdown-opened-card-company{width:70%;font-weight:700;text-align:left}.dropdown-opened-card-date{display:flex;flex-direction:column;justify-content:space-around}.dropdown-opened-card-description{padding-left:2%;font-weight:300}.linksite{color:var(--color-primary);font-size:1.5rem;padding:0 .5rem}@media (max-width: 576px){.dropdown-experience{font-size:1.4rem}.dropdown-opened-card{font-size:1rem}}.profile-card-container{position:relative;z-index:1;align-items:center;display:flex;justify-content:center;margin:2rem auto;padding:1rem;width:85%}.shadow-profile-card{border-radius:1rem;box-shadow:20px -20px 1px var(--color-primary)}.profile-card{border-radius:1rem;display:flex;height:30rem;text-align:center;width:100%;background-color:var(--color-senary);box-shadow:0 0 25px var(--color-quaternary)}.profile-card-description{box-sizing:border-box;margin:0;outline:none;padding:0;display:flex;align-items:center;justify-content:center;text-align:left;font-size:1.3rem;margin:.5rem;position:relative;line-height:1.7}.image-profile{border-radius:1rem;max-height:100%;object-fit:cover;transform:scale(.9);background:var(--color-tertiary)}@media (max-width: 1140px){.profile-card{display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;padding:0;width:100%;border-radius:2rem;align-items:center}.profile-card-description{font-size:1.3rem;margin:1rem;padding:0 0 .5rem;text-align:center;line-height:1.3}.image-profile{padding-top:2rem;align-items:center;margin:0;max-width:95%;overflow:hidden}}.contact{color:var(--color-primary);height:100vh;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;padding:6vh 0;text-align:center}.contact-header{font-size:3rem;font-weight:700;border-bottom:1px solid var(--color-primary);width:80%}.contact-form-container{background-color:var(--color-quinary);border-radius:1rem;margin-top:2rem;padding:2rem .5rem 1rem;height:fit-content;width:60%}.form{display:flex;align-items:center;flex-direction:column}input,textarea{margin:.7rem;width:85%;height:3rem;border-radius:1rem;border:2px solid transparent;font-family:Inter,sans-serif;color:var(--color-primary);font-weight:400;font-size:1.3rem;transition:.2s linear;resize:none;outline:none}.input-number{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.input-number::-webkit-inner-spin-button,.input-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-number[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}textarea{height:6rem}input:focus,textarea:focus{border:2px solid var(--color-primary)}.input-button{background:var(--color-primary);color:#fff;cursor:pointer;font-size:1.7rem;height:3rem;transition:.2s;width:17rem;border-radius:1rem;border:none}.input-button:hover{background:transparent;color:var(--color-primary);border:3px solid var(--color-primary)}.input-button:focus{transform:scale(.8)}.custom-title{font-family:Inter,sans-serif}@media (max-width: 640px){.contact-form-container{width:80%}input,textarea{width:90%;font-size:1.1rem}.input-button{width:fit-content}.contact{padding:1rem}}.card{background-color:#ffffff9e;border-radius:1rem;width:28rem;box-shadow:0 4px 14px #0003;display:flex;justify-content:center;flex-direction:column;align-items:center}.image-section{display:flex;justify-content:center;align-items:center;position:relative;width:100%;margin-top:-40px}.project-image{width:95%;border-radius:1rem;height:250px;object-fit:cover;display:block;justify-content:center;align-items:center}.image-tech-container{border-radius:1rem;position:absolute;width:95%;height:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:column;column-gap:1rem;color:#fff;background:linear-gradient(to top,#00000092,var(--color-primary));opacity:0;transition:opacity .5s ease}.image-section:hover .image-tech-container{opacity:1}.tech-initial{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap;padding-top:2rem}.prj-icon{font-size:2.5rem;padding:.7rem;height:fit-content;width:fit-content}.prj-icon svg{padding:.2rem;transition:transform ease-in-out .3s}.prj-icon svg:hover{transform:scale(1.3);background-color:#ffffff28;border-radius:.4rem}.prj-icon svg:active{color:var(--color-tertiary)}.tech-final{display:flex;justify-content:center;align-items:start;flex-direction:row;flex-wrap:wrap;padding:1rem}.txt-icon{background-color:#ffffff1e;border-radius:.5rem;padding:.2rem;margin:.15rem}.project-name{padding-top:1rem;border-bottom:1px solid var(--color-primary);width:80%;display:flex;justify-content:left;padding:.5rem 2rem 0rem 0rem;align-items:left;font-size:1.3rem;font-weight:600;text-align:left}.description-section{padding:.8rem 1.8rem 1rem;text-align:left;font-size:1.25rem}@media (max-width: 640px){.projects{padding:1.5vh;padding-top:7.33rem}.card{width:100%}}.about{color:var(--color-primary);height:fit-content;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;padding:6vh;text-align:center;overflow-x:none}.about-img:hover{border-radius:10rem 1rem}.timeline-education{width:95%;border-radius:3rem;display:flex;flex-direction:column;justify-content:space-around}.study-header{text-align:left;font-size:3rem;font-weight:700;border-bottom:1px solid var(--color-primary);width:100%}.study{border-radius:4rem;color:var(--color-primary);margin:1.3rem;text-align:center;justify-content:space-around}.study-cols{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;text-align:left;transition:all 1s;border-bottom:2px solid var(--color-quinary)}.col-one{width:20%;font-weight:700;border-radius:4rem;padding:1.5rem}.col-one-descrip{font-weight:300}.col-two{height:fit-content}.study-img{width:10vw;max-height:fit-content;object-fit:cover;overflow:hidden;border-radius:.5rem;transition:all ease 1s}.study-img:hover{width:20vw}.col-three{width:20%}.about-card{background:var(--color-secondary);width:90%;padding:2rem;border-radius:1rem;flex-direction:column;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;justify-content:flex-start;display:flex}.exp{margin-top:2rem}.experience{text-align:right;padding-top:5rem}.col-two-exp{height:fit-content;width:50%}.link{color:var(--color-primary)}@media (max-width: 840px){.about{padding:1rem}.study-cols{display:flex;flex-direction:row;justify-content:space-between;text-align:left;transition:all 1s;border-bottom:2px solid var(--color-quinary)}.experience{font-size:2.8rem}}.about-title{padding-top:4rem;display:flex;font-size:7vh;font-weight:700}.fade{width:30%}.about-img{max-width:300px;border-radius:3rem;transition:all 1s;display:flex;align-items:center;justify-content:center;margin:auto;background:var(--color-quaternary)}.about-columns{flex-wrap:wrap;column-gap:2rem;width:100%;align-items:center;display:flex;flex-direction:row;column-gap:4rem;text-align:left;justify-content:center}.about-col-two{width:50%}.about-first{font-weight:700;font-size:4vh}.about-second{font-weight:500;font-size:3vh}.lighter{color:var(--color-secondary);text-decoration:underline dotted}@media (max-width: 1140px){.about-col-two{width:70%}.about-img{display:flex;align-items:center;justify-content:center;margin:auto}}@media (max-width: 540px){.fade,.about-col-two{width:100%}.about-img{max-width:200px;display:flex;align-items:center;justify-content:center;margin:auto}.about-first{font-size:3vh}.about-second{font-size:2vh}}.skill{text-align:left;padding-top:4rem}.icons{font-size:3rem;display:flex;flex-direction:row;row-gap:initial;flex-wrap:wrap}.title-icons{font-weight:500;font-size:2.5rem;padding:1.5rem;text-decoration:underline wavy 2px}.display-icons{display:flex;flex-direction:column}.icon-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}.icon-container svg{padding:1rem;color:var(--color-secondary);transition:all ease 1s}.icon-container svg:hover{transform:scale(1.3);box-shadow:0 2px 40px #0003;border-radius:1rem}.projects{color:var(--color-primary);padding:3vh;padding-top:7.33rem;height:max-content;display:flex;flex-wrap:wrap;position:relative;flex-direction:column;align-items:center;justify-content:center;text-align:center}.card-container{padding:5rem 0;display:flex;flex-direction:row;flex-wrap:wrap;column-gap:4rem;row-gap:6rem;justify-content:space-evenly;align-items:flex-start}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--color-primary: #023e8a;--color-secondary: #05bee3;--color-tertiary: #64e0f9;--color-quaternary: #9bf0ff;--color-quinary: #ade8f4;--color-senary: #e7f8fb;--color-white-background: #3873c093;--color-green-hover: #023d8a87}::-webkit-scrollbar{width:.4rem;height:.5rem}::-webkit-scrollbar-button{height:.3rem}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:50px}::-webkit-scrollbar-track{border-radius:2rem}::-webkit-scrollbar-corner{background:transparent}#root{font-family:Inter,sans-serif;font-weight:400}body{background:var(--color-senary);color:var(--color-primary);overflow-x:hidden}@keyframes cambiar{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.footer-container{justify-content:space-around;display:flex;min-height:30vh;height:fit-content;background-color:var(--color-primary);color:#fff;flex-direction:column;z-index:1;position:relative}.table-footer{display:flex;align-items:center;justify-content:space-around;padding:1rem;height:70%;z-index:1}.first-column{font-size:4vh;font-weight:700;width:50%;margin:1rem}.first-column span{text-decoration:underline}.first-column-description{width:90%;padding-top:1rem;font-size:1rem;font-weight:300;text-align:start;text-decoration:none}.second-column{width:40%;height:100%;display:flex;flex-direction:column;text-align:center;padding:0 1rem}.second-column-title{font-size:4vh;font-weight:700;text-align:center;text-decoration:underline;padding-bottom:1rem}.second-column-icons{display:flex;justify-content:space-evenly;flex-wrap:wrap}.second-column-icons a{font-size:3rem;padding:0 .3rem}.second-column-icons a :hover{transform:translateY(-5px);transition:all ease-in-out .3s}.second-column-icons a:not(:hover){transform:translateY(5px);transition:all ease .3s}.bottom-data{align-items:center;justify-content:space-around;display:flex;height:30%;padding:1rem 0}@media (max-width: 992px){.table-footer{padding:0}}