:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#ede8d0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-fondo:#EDE8D0;--color-primario:#69503C;--color-texto: #484848;--texto-titulos: "Roboto Condensed", sans-serif;--texto-boton: "Heebo", sans-serif;--texto-defecto: "Prompt", sans-serif}body{margin:0;padding:0;overflow-x:hidden}.MenuBar{width:100%;display:flex;justify-content:space-around}.MenuBar a{font-family:var(--texto-boton);text-decoration:none;color:var(--color-fondo);transition:.4s}.MenuBar a:hover{color:#fff}.helloP,.myName{font-family:var(--texto-titulos)}.applying{font-family:var(--texto-defecto);font-size:17px}@media (min-width:1024px){.helloP{margin:0;font-weight:700;color:var(--color-fondo);background:#69503cb3;display:inline-flex;padding:10px 20px 10px 10px;border-radius:30px}.myName{margin:5px 0}.applying{margin:0 0 10px;font-weight:600;color:var(--color-texto)}.links{display:flex;justify-content:space-around}.links svg{fill:var(--color-primario);transition:.3s}.links svg:hover{fill:#69503c7f}}.avatarContainer img{width:100%;height:100%}@media (min-width:1024px){.avatarContainer{width:400px}}.downloadContainer a{font-family:var(--texto-boton)}@media (min-width:1024px){.downloadContainer{display:flex;justify-content:center}.downloadContainer a{text-decoration:none;font-weight:700;background-color:var(--color-primario);color:var(--color-fondo);border-radius:10px;padding:10px 20px;transition:.4s}.downloadContainer a:hover{background:var(--color-fondo);border:solid 1px var(--color-primario);color:var(--color-primario)}}@media (min-width:1024px){.homeFlex{display:flex;justify-content:space-between;align-items:center}.helloContainer,.CVContainer{width:205px}}.myPhotoContainer img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 29%}@media (min-width:1024px){.myPhotoContainer{width:462px;height:462px}}@media (max-width:767px){.myPhotoContainer{min-width:340px;width:400px;aspect-ratio:1 / 1;padding:0 10px}}@media (min-width: 768px) and (max-width: 1023px){.myPhotoContainer{width:400px;height:400px;padding:0 10px}}.centerM{font-family:var(--texto-titulos)}.decriptionContainer li{font-family:var(--texto-defecto);font-size:18px;font-weight:400;color:#fff}.decriptionContainer p,.decriptionContainer h3,.decriptionContainer ul{margin:0;font-weight:700}.decriptionContainer p{background:#69503cb3;color:var(--color-fondo);font-weight:700;display:inline-flex;padding:10px 20px;border-radius:30px}.decriptionContainer h3{font-size:30px;margin:10px 0}.decriptionContainer ul{list-style:none;padding:10px;border-radius:15px;background:#69503c7f}@media (max-width:767px){.decriptionContainer{padding:0 10px}.centerM{text-align:center}}@media (min-width: 768px) and (max-width: 1023px){.decriptionContainer{padding:0 20px}.centerM{margin-top:30px;text-align:center}}@media (min-width:1024px){.descriptionContaioner{display:flex;gap:40px;align-items:center;justify-content:space-between}.photo,.description{width:50%}}@media (max-width:767px){.photo{display:flex;justify-content:center}.description{margin-top:20px}}@media (min-width: 768px) and (max-width: 1023px){.photo{display:flex;justify-content:center}}.infoCardContainer a{font-family:var(--texto-boton)}.paddingCard p{font-family:var(--texto-defecto);font-size:19px}@media (min-width:1024px){.infoCardContainer a{color:var(--color-primario);text-decoration:none;display:inline-flex;background:var(--color-fondo);padding:5px 20px;border-radius:30px;transition:.3s}.infoCardContainer a:hover{background:var(--color-primario);color:var(--color-fondo);border:solid 1px var(--color-fondo)}.infoCardContainer h3{margin:0}.infoCardContainer p{color:#fff}.techIconsContainer{display:flex;gap:30px}.techIcon svg{fill:var(--color-fondo)}.projectR .infoCardContainer{text-align:right}}@media (max-width:1023px){.projectCardContainer{height:100%}.infoCardContainer{background:var(--color-primario);border-radius:10px;height:100%}.paddingCard{padding:10px;height:calc(100% - 20px);display:flex;flex-direction:column;justify-content:center}.infoCardContainer h3{margin:0;background:var(--color-fondo);padding:5px 10px;border-radius:30px;display:inline-flex}.infoCardContainer a{color:var(--color-primario);text-decoration:none}.infoCardContainer p{color:#fff;margin:0}.techIconsContainer{display:flex;gap:25px}.techIconsContainer svg{fill:var(--color-fondo)}}.imageCardContainer img{width:100%;height:auto;display:block;border-radius:10px;object-fit:cover}@media (min-width:1024px){.imageCardContainer{width:100%;height:100%}}@media (max-width:767px){.imageCardContainer{width:340px;height:100%}}@media (min-width: 768px) and (max-width: 1023px){.imageCardContainer{max-width:350px}}.iconContainer{width:60px;height:60px}.titleContainer,.personalProjectsContainer h2{font-family:var(--texto-titulos)}.titleContainer{display:flex;justify-content:center;margin-bottom:20px}.titleContainer p{margin:0;background:#69503cb3;padding:10px 20px;border-radius:30px;color:var(--color-fondo);font-weight:700}@media (min-width:1024px){.personalProjectsContainer h2{text-align:center}.projectsCardContainer{display:flex;flex-direction:column;gap:30px}.projectL{display:flex;justify-content:start;overflow:hidden;position:relative}.imgContainerL{width:50%;border:solid 4px var(--color-primario);background:var(--color-primario);border-radius:10px;z-index:2}.dataContainerL{width:50%;height:100%;position:absolute;transform:translate(0);transition:transform .6s ease;display:flex;justify-content:center;align-items:center;background:var(--color-primario);border-radius:10px;z-index:1}.projectL:hover .imgContainerL{border-radius:10px 0 0 10px}.projectL:hover .dataContainerL{transform:translate(100%);border-radius:0 10px 10px 0}.projectR{display:flex;justify-content:end;overflow:hidden;position:relative}.imgContainerR{width:50%;border:solid 4px var(--color-primario);background:var(--color-primario);border-radius:10px;z-index:2}.dataContainerR{width:50%;height:100%;position:absolute;transform:translate(0);transition:transform .6s ease;display:flex;justify-content:center;align-items:center;background:var(--color-primario);border-radius:10px;z-index:1}.projectR:hover .imgContainerR{border-radius:0 10px 10px 0}.projectR:hover .dataContainerR{transform:translate(-100%);border-radius:10px 0 0 10px}}@media (max-width:1023px){.personalProjectsContainer{padding:0 10px}.titleContainer{display:flex;justify-content:center}.titleContainer p{background:#69503cb3;padding:10px 20px;border-radius:30px;color:var(--color-fondo);font-weight:700;margin:20px 0 0}.personalProjectsContainer h2{text-align:center}.projectsCardContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.projectR,.projectL{position:relative;box-shadow:4px 4px 8px 4px #69503cb3;border-radius:10px}.dataContainerR,.dataContainerL{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.imgContainerR,.imgContainerL{position:relative;z-index:2;width:100%}.front{z-index:2;opacity:1;pointer-events:auto;transition:opacity .3s}.behind{z-index:1;opacity:0;pointer-events:none;transition:opacity .3s}}.titlleContainer,.skillsContainer h2{font-family:var(--texto-titulos)}.skillsContainer{display:flex;flex-direction:column;align-items:center}.titlleContainer p{margin:0;background:#69503cb3;padding:10px 20px;border-radius:30px;color:var(--color-fondo);font-weight:700}.skillsContainer h2{margin:20px 0 0}.this p{font-family:var(--texto-defecto);margin-bottom:0;color:var(--color-texto);font-weight:600;font-size:20px}@media (min-width:1024px){.skillsIcons{margin-top:30px;display:flex;gap:50px;background:var(--color-primario);padding:15px 40px;border-radius:60px}.skillsIcons svg{fill:var(--color-fondo)}}@media (max-width:767px){.skillsContainer{padding:0 20px;margin-top:30px}.skillsIcons{display:flex;justify-content:space-between;background:var(--color-primario);max-width:500px;width:100%;padding:5px 10px;border-radius:60px}.skillsContainer .iconContainer{display:flex;align-items:center;justify-content:center}.skillsIcons .iconContainer svg{width:50px;height:50px;fill:var(--color-fondo)}}@media (min-width: 768px) and (max-width: 1023px){.skillsContainer{padding:0 20px;margin-top:30px}.skillsIcons{display:flex;justify-content:space-between;background:var(--color-primario);max-width:450px;width:100%;padding:10px 15px;border-radius:60px}.skillsContainer .iconContainer svg{fill:var(--color-fondo)}}.contactFlex a,.emailContainer p{font-family:var(--texto-boton)}.contactMeContainer h3{color:var(--color-texto);font-family:var(--texto-defecto);font-size:22px}@media (min-width:1024px){.contactMeContainer h3{text-align:center}.contactFlex{display:flex;align-items:center;justify-content:center;gap:50px}.whatsAppContainer{display:flex;gap:10px;align-items:center;background:var(--color-primario);padding:5px 30px;border-radius:50px;cursor:pointer;transition:.3s;text-decoration:none}.whatsAppContainer svg{fill:var(--color-fondo)}.whatsAppContainer p{color:var(--color-fondo);font-weight:700}.whatsAppContainer:hover{background:var(--color-fondo)}.whatsAppContainer:hover svg{fill:var(--color-primario)}.whatsAppContainer:hover p{color:var(--color-primario)}.emailContainer{display:flex;flex-direction:column;align-items:center;background:var(--color-primario);padding:5px 30px;border-radius:50px}.emailContainer p{margin:0;color:var(--color-fondo);font-weight:600}.emailContainer button{display:flex;justify-content:center;width:35px;height:35px;cursor:pointer;background:transparent;border:none}.copy svg{fill:var(--color-fondo)}.copied svg{fill:#ede8d07f}}@media (max-width:1023px){.contactMeContainer{min-width:340px;padding:0 10px}.contactMeContainer h3{font-size:18px;margin:0;text-align:center}.contactFlex{display:flex;flex-direction:column;align-items:center;margin-top:10px}.contactFlex a{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--color-fondo);text-decoration:none;font-weight:600;background:var(--color-primario);padding:0 20px;border-radius:35px}.contactFlex a svg{fill:var(--color-fondo)}.emailContainer{margin-top:10px;display:flex;flex-direction:column;align-items:center;background:var(--color-primario);padding:5px 30px;border-radius:50px}.emailContainer p{margin:0;color:var(--color-fondo);font-weight:600}.emailContainer button{display:flex;justify-content:center;width:35px;height:35px;cursor:pointer;background:transparent;border:none}.copy svg{fill:var(--color-fondo)}.copied svg{fill:#ede8d07f}}.copyright{font-family:var(--texto-defecto)}@media (min-width:1024px){.footer{display:flex;justify-content:center;width:100%;background:var(--color-primario);margin-top:50px}.footerContent{display:flex;justify-content:space-between;max-width:1024px;width:100%;align-items:center;padding:20px 30px}.copyright p{color:var(--color-fondo);margin:0;font-weight:500}.socialLinks{display:flex;gap:20px}.socialLinks div{display:flex;align-items:center;justify-content:center}.socialLinks svg{fill:var(--color-fondo);transition:.3s}.socialLinks svg:hover{fill:#ede8d07f}}@media (max-width:1023px){.footer{background:var(--color-primario);margin-top:20px}.footerContent{display:flex;flex-direction:column-reverse}.socialLinks{display:flex;justify-content:center;gap:15px;padding:10px 0}.socialLinks svg{fill:var(--color-fondo)}.copyright p{margin:0 0 10px;text-align:center;color:var(--color-fondo);font-weight:600}}.sideBarContainer{padding:10px}.toggleButton{border:none;display:flex;justify-content:center;width:40px;height:40px;background:#69503cb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.toggleButton svg{width:40px;height:40px;fill:var(--color-fondo)}.slideContainer{position:fixed;background:#69503cb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:70%;height:100vh;z-index:999;top:0;left:0;opacity:0;transform:translate(100%);transition:.3s ease,transform .3s ease;padding:15px}.slideContainer.show{opacity:1;transform:translate(0)}.slideContainer.hide{opacity:0;transform:translate(-100%)}.closeButton button{background:transparent;border:none;display:flex;justify-content:center;width:30px;height:30px}.closeButton button svg{width:30px;height:30px;fill:var(--color-fondo)}.sideBarContent{margin-top:15px;display:flex;flex-direction:column;gap:10px}.sideBarContent a{font-family:var(--texto-boton);text-decoration:none;color:var(--color-fondo)}@media (min-width: 768px) and (max-width: 1023px){.sideBarContainer{padding:20px}}.iconsM{display:flex;justify-content:center;gap:20px}.iconsM svg{fill:var(--color-primario)}.avatarM{display:flex;justify-content:center}.avatarImgContainer{min-width:340px;width:400px;padding:0 10px}.avatarImgContainer img{width:100%;height:100%}.centerHello{display:flex;align-items:center;flex-direction:column}.saludoM{font-family:var(--texto-titulos);background:#69503cb3;display:inline-flex;color:var(--color-fondo);padding:10px 20px 10px 10px;border-radius:30px;margin:0;font-weight:700}.nameCV{text-align:center;margin-bottom:30px}.nameCV h3{font-family:var(--texto-titulos);font-weight:700}.nameCV p{font-family:var(--texto-defecto);font-weight:600}.nameCV h3,.nameCV p{margin:10px 0}.nameCV p{color:var(--color-texto)}.nameCV a{font-family:var(--texto-boton);text-decoration:none;color:var(--color-fondo);background:var(--color-primario);padding:10px 20px;border-radius:10px;margin:10px 0;font-weight:700}body{margin:0;padding:0}html{scroll-behavior:smooth}@media (min-width:1024px){.appContainerWidth{display:flex;flex-direction:column;align-items:center;width:100%}.AppContainer{position:relative;width:1024px}.topBar{position:sticky;top:20px;display:flex;justify-content:center;background:var(--color-primario);height:64px;border-radius:30px;margin:0 20px;align-items:center;z-index:100}.content{padding:0 20px}#home,#about,#skills,#projects,#contact{padding-top:85px}}@media (max-width: 1023px){.AppContainer{position:relative;min-width:360px;width:100%}.sideBar{position:sticky;top:0;left:0;z-index:999}}