@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--body-background: #090a0b;--main-background: #252525}html{font-size:10px;font-family:Inter,sans-serif;scroll-behavior:smooth}*,*:before,*:after{margin:0;padding:0;outline:0;box-sizing:border-box;font-family:inherit;font-size:inherit}body{background-color:var(--body-background);width:100%;min-height:100vh;font-size:1.6rem;color:#e6e6e6}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.navbar{background-color:#0a0a0acc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:space-evenly;align-items:center;position:fixed;top:0;left:0;width:100%;height:50px;z-index:1000;border-bottom:1px solid transparent;border-image:linear-gradient(to right,transparent,#303036 50%,transparent);border-image-slice:1}.nav-list{display:flex;list-style:none}.nav-item{margin-right:2rem}.nav-item:last-child{margin-right:0}.link-eduardo{text-decoration:none;font-size:2.2rem;color:#d2d2d2;font-style:italic;transition:color .2s ease-in-out}.nav-link{text-decoration:none;text-transform:capitalize;color:#d2d2d2;transition:color .2s ease-in-out}.nav-link:hover,.link-eduardo:hover{color:#e6e6e6}.navbar-icon{display:none;cursor:pointer;z-index:10}@media screen and (max-width: 768px){.navbar{justify-content:space-between;padding:0 2rem}.nav-list{display:none}.navbar-icon{display:initial}.nav-list-mobile{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100vh;background-color:#0a0a0acc;list-style:none}.nav-item{margin:1rem 0}.nav-link{font-size:2.5rem;font-weight:600;color:#d2d2d2}}.section-inicio{scroll-margin-top:50px;min-height:calc(100vh - 50px);width:100%;margin-top:50px;display:flex;justify-content:center;align-items:center}.title-inicio{font-size:clamp(2.4rem,2.832vw,3.4rem)}.no-bold{font-weight:400}.type-container{display:inline-block;margin:10px 0}.subtitle-inicio{font-size:clamp(2rem,2.441vw,3rem);border-right:2px solid;width:100%;white-space:nowrap;overflow:hidden;animation:typing-erasing 8s steps(18) infinite,cursor .6s step-end infinite}@keyframes cursor{50%{border-color:transparent}}@keyframes typing-erasing{0%{width:0}30%{width:100%}50%{width:100%}80%{width:0%}to{width:0%}}.description-inicio{max-width:48rem;font-size:clamp(1.4rem,1.563vw,1.8rem)}.main-container{display:flex;justify-content:center;align-items:center;margin:0 10px}.img-coding{max-width:250px;max-height:250px;object-fit:cover;border-radius:10px}.form-group{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}.copy-clipboard-container{display:inline-flex;align-items:center;height:50px;width:270px;border:1px solid #3a3b3c;border-radius:10px}.input-field{height:100%;width:100%;background-color:transparent;color:#d2d2d2;border:none;padding:0 10px;text-align:center;font-size:clamp(1.4rem,1.465vw,1.6rem)}.copy-button{height:100%;padding:0 10px;border-radius:0 5px 5px 0;border:none;cursor:pointer;background-color:transparent;color:#e6e6e6;transition:background-color .3s ease-in-out}.copy-button:hover{background-color:#1d1d1d}.btn-cv{display:flex;justify-content:center;align-items:center;height:50px;gap:10px;background-color:transparent;color:#e6e6e6;border:1px solid #3a3b3c;border-radius:10px;padding:10px;cursor:pointer;font-size:clamp(1.4rem,1.465vw,1.6rem);transition:background-color .3s ease-in-out}.btn-cv:hover{background-color:#1d1d1d}.btn-cv a{color:#e6e6e6;text-decoration:none}@media screen and (width <= 640px){.section-inicio{align-items:flex-start}.main-container{flex-direction:column;margin-top:20px}.title-inicio,.description-inicio{text-align:center}.type-container{display:flex;justify-content:center;width:fit-content;margin:10px auto}.subtitle-inicio{text-align:center}.form-group{justify-content:center}.img-coding{margin-top:10px}}@media screen and (min-width: 768px){.img-coding{width:100%}}.section-habilidades{scroll-margin-top:50px;min-height:calc(100vh - 50px);width:100%;display:flex;align-items:center;justify-content:center}.container-habilidades{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1024px;margin:0 10px}.title-habilidades{font-size:clamp(2.4rem,2.832vw,3.4rem)}.description-habilidades{font-size:clamp(1.4rem,1.563vw,1.8rem)}.tech-container{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;gap:clamp(30px,5vw,60px)}.tech-card{border-radius:10px;box-shadow:0 4px 10px var(--shadow-color);transition:box-shadow .3s ease-in-out,transform .3s ease-in-out;width:clamp(120px,20vw,250px)}.img{width:clamp(50px,8vw,100px)}.tech-card:hover{box-shadow:0 0 15px var(--shadow-color);transform:translateY(-5px)}.html-style{--shadow-color: rgba(255, 94, 0, .7)}.css-style{--shadow-color: rgba(0, 128, 255, .7)}.javascript-style{--shadow-color: rgba(247, 223, 30, .7)}.react-style{--shadow-color: rgba(97, 219, 251, .7)}.tailwindcss-style{--shadow-color: rgba(56, 189, 248, .7)}.github-style{--shadow-color: rgba(255, 255, 255, .5)}.vscode-style{--shadow-color: rgba(0, 150, 255, .7)}.affinitydesigner-style{--shadow-color: rgba(0, 122, 255, .7)}.affinityphoto-style{--shadow-color: rgba(180, 100, 255, .7)}@media screen and (width <= 640px){.section-habilidades{align-items:initial}.container-habilidades{margin-top:20px}.title-habilidades,.description-habilidades{text-align:center}}.section-proyectos{scroll-margin-top:50px;min-height:calc(100vh - 50px);width:100%;display:flex;align-items:center;justify-content:center}.container-proyectos{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1024px;margin:0 10px}.text-container{width:100%;margin-bottom:20px}.title-proyectos{font-size:clamp(2.4rem,2.832vw,3.4rem)}.description-proyectos{font-size:clamp(1.4rem,1.563vw,1.8rem)}.projects-container{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;gap:clamp(20px,5vw,60px)}.project-card{border-radius:10px;overflow:hidden;background-color:#18181b;transition:transform .3s ease-in-out;width:400px;padding-bottom:5px}.project-card:hover{transform:scale(1.05)}.project-img{width:100%}.card-title-proyecto{font-size:clamp(1.4rem,1.563vw,1.8rem);margin-bottom:5px}.links-container{display:flex;justify-content:space-around;align-items:center}.proyectos-links{display:flex;gap:2px;color:#d2d2d2;text-decoration:none;transition:color .3s ease-in-out}.proyectos-links:hover{color:#fff}.techs-in-projects{display:flex}.tech-icon-project{width:20px}@media screen and (width <= 640px){.section-proyectos{align-items:initial}.container-proyectos{margin-top:20px}.title-proyectos,.description-proyectos{text-align:center}}@media screen and (max-width: 500px){.project-card{width:100%}}@media screen and (max-width: 768px){.links-container{margin-bottom:2px}.tech-icon-project{width:20px}}.section-educacion{scroll-margin-top:50px;min-height:calc(100vh - 50px);width:100%;display:flex;align-items:center;justify-content:center}.container-educacion{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1024px;margin:0 10px}.text-container-education{width:100%;margin-bottom:20px}.title-educacion{font-size:clamp(2.4rem,2.832vw,3.4rem)}.description-educacion{font-size:clamp(1.4rem,1.563vw,1.8rem)}.edu-container{display:flex;flex-wrap:wrap;justify-content:center}.uni-info{border:1px solid darkgreen;margin-bottom:10px;font-size:clamp(1.4rem,1.563vw,1.8rem);width:min(460px,100%);border-radius:10px;padding:10px;background-color:#18181b;transition:box-shadow .3s ease-in-out;display:flex;flex-direction:column;align-items:center}.uni-info:hover{box-shadow:0 4px 15px #00810066}.bold{font-weight:700}.check{margin-top:10px;display:flex;justify-content:center;gap:10px;padding:5px;font-size:clamp(1.2rem,1.367vw,1.5rem)}.check-card{display:flex;align-items:center;gap:5px;border-radius:5px;padding:5px;background-color:#090a0b;color:green}.certifications{margin-bottom:10px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;width:100%}.cert-card{border:1px solid darkcyan;font-size:clamp(1.4rem,1.563vw,1.8rem);width:min(450px,100%);border-radius:10px;padding:10px;background-color:#18181b;transition:box-shadow .3s ease-in-out}.certification-link{color:#d2d2d2}.cert-details{margin-top:10px;display:flex;justify-content:center;gap:10px;padding:5px;font-size:clamp(1.2rem,1.367vw,1.5rem)}.details-card{border-radius:5px;padding:5px;background-color:#090a0b;color:#008b8b}.cert-card:hover{box-shadow:0 4px 15px #008b8b66}@media screen and (width <= 640px){.section-educacion{align-items:initial}.container-educacion{margin-top:20px}.title-educacion,.description-educacion{text-align:center}}.section-contacto{scroll-margin-top:50px;min-height:calc(100vh - 50px);width:100%;display:flex;align-items:center;justify-content:center}.container-contacto{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1024px}.form-group-contacto{position:relative}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.form-group-contacto:after,.form-group-contacto:before{content:"";position:absolute;height:100%;width:100%;background-image:conic-gradient(from var(--angle),#ff4545,#00ff99,#006aff,#ff0095,#ff4545);top:50%;left:50%;translate:-50% -50%;z-index:-1;width:275px;height:55px;border-radius:10px;animation:3s spin linear infinite}.form-group-contacto:before{filter:blur(1.5rem);opacity:.6}@keyframes spin{0%{--angle: 0deg}to{--angle: 360deg}}.copy-clipboard-container-contacto{display:flex;align-items:center;height:50px;width:270px;border-radius:10px}.input-field-contacto{height:100%;width:100%;background-color:#181818;color:#d2d2d2;border:none;padding:0 10px;text-align:center;border-radius:10px 0 0 10px}.copy-button-contacto{height:100%;padding:0 10px;border-radius:0 5px 5px 0;border:none;cursor:pointer;background-color:transparent;color:#181818}.links-contacto{width:100%;display:flex;justify-content:center;align-items:center;gap:30px;margin-top:30px}.link-card{display:flex;align-items:center;gap:5px;text-decoration:none;color:#d2d2d2;transition:transform .3s ease-in-out}.link-card:hover{transform:scale(1.05);color:#fff;transition:all .2s ease-in}
