*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}:root{--violeta: #634fcc;--bg-color: #f0f0fd}body{background-color:var(--bg-color)}strong{color:var(--violeta)}.header{display:flex;justify-content:center;align-items:center;width:100%}.header__nav{display:flex;padding:6px 20px;justify-content:center;top:10px;position:fixed;border-radius:99px;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.header__nav-list{display:flex;align-items:center;list-style:none;gap:25px;margin-top:-2px}.scrolled{background-color:#ffffff8a;box-shadow:0 0 10px #0000001a}.header__nav-item a{font-size:.9em;color:#303030;text-decoration:none;text-wrap:nowrap;font-weight:500}.header__nav-item a:hover{color:var(--violeta)}.lang-ancord svg{width:20px;cursor:pointer;margin-top:5px;transition:.2s}.lang-ancord svg:hover{color:var(--violeta)}body{height:200vh}@media screen and (max-width: 425px){.header__nav{padding:6px 10px}.header__nav-list{gap:12px}.header__nav-item a{font-size:.8em}}#hero-section{display:flex;justify-content:center;align-items:center;width:80%;height:80vh;gap:50px;margin:auto}.hero-section__img img{width:220px;border-radius:130px;border:5px solid #f5f4fc;box-shadow:0 0 10px #0003;-webkit-user-select:none;user-select:none}.hero-section__content{display:flex;flex-direction:column;justify-content:center;gap:10px}.hero-section__title{font-size:3.5em;font-weight:500;color:#303030;text-wrap:nowrap}.hero-section__content p{font-size:1.2em;text-wrap:balance}.hero-section__content ul{display:flex;gap:10px;list-style:none;-webkit-user-select:none;user-select:none}.hero-section__content ul li:hover{filter:brightness(0) saturate(100%) invert(39%) sepia(99%) saturate(2476%) hue-rotate(230deg) brightness(93%) contrast(101%);cursor:pointer}.dispo{font-size:.8em;color:green;background-color:#efffef;border-radius:999px;padding:4px 6px;width:fit-content;margin-bottom:10px;position:relative;text-decoration:none}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.dispo:after{--angle: 0deg;content:"";position:absolute;top:50%;left:50%;width:102%;height:105%;background-image:conic-gradient(from var(--angle),transparent 50%,rgb(3,142,3));z-index:-1;translate:-50% -50%;border-radius:999px;animation:3s spin infinite linear}@keyframes spin{0%{--angle: 0deg}to{--angle: 360deg}}.contact-btn{text-decoration:none;color:#303030;padding:5px 14px;border:1px solid #3030304c;border-radius:999px;width:fit-content;transition:.2s}.contact-btn:hover{background-color:var(--violeta);color:#fff}@media screen and (max-width: 1350px){#hero-section{width:80%;flex-direction:column;margin-top:150px;text-align:center;gap:10px}.hero-section__content{align-items:center}}@media screen and (max-width: 425px){#hero-section{margin-top:120px;width:80%}.hero-section__img img{width:200px}.hero-section__title{font-size:2.5em}}#skills{display:flex;flex-direction:column;width:80%;margin:-0px auto auto;gap:30px;padding-bottom:90px}.skills__title{display:flex;align-items:center;gap:10px;font-size:1.5em;flex-wrap:nowrap}.skills__title h2{font-weight:600;color:#303030;white-space:nowrap}.skills__content{display:flex;flex-wrap:wrap;width:100%;gap:20px}.skill__column{display:flex}.skill_item{position:relative;display:flex}.skill_item img{height:50px}.texto-hover{position:absolute;text-align:center;bottom:-40px;left:-10px;color:#fff;background-color:#303030;font-weight:500;padding:5px 10px;border-radius:5px;opacity:0;transition:opacity .3s}.hover:hover .texto-hover{opacity:1}@media screen and (max-width: 769px){#skills{margin-top:50px}}#proyects{display:flex;flex-direction:column;width:80%;margin:auto;gap:30px;padding-bottom:90px}.proyects__content{display:grid;gap:30px}.proyects__title{display:flex;align-items:center;gap:10px;font-size:1.5em;flex-wrap:nowrap}.proyects__title h2{font-weight:600;color:#303030;white-space:nowrap}.proyects__title img{width:30px;margin-top:5px}.proyects__item{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.proyects__item-img img{border-radius:20px;box-shadow:0 0 10px #0000001b;width:100%}.proyects__item-content{display:flex;flex-direction:column;gap:20px}.proyects__item-content h3{font-size:1.5em;color:#303030}.proyects__item-content p{width:90%;text-wrap:balance}.proyects__item-tech{display:flex;gap:15px}.proyects__item-tech span{display:flex;align-items:center;gap:5px}.js,.react,.html{font-size:.9em}.js img,.react img{width:18px;margin-top:3px}.proyects__item-links{display:flex;gap:10px;list-style:none;padding:0}.proyects__item-links li a{display:flex;align-items:center;text-decoration:none;gap:5px;border:1px solid rgba(48,48,48,.3);padding:6px 10px;border-radius:10px;cursor:pointer;font-weight:500;transition:.2s;color:#303030}.proyects__item-links li a:hover{background-color:var(--violeta);color:#fff}.proyects__item-links li a:hover img{filter:invert(100%)}@media screen and (max-width: 1350px){.proyects__content{grid-template-columns:1fr;grid-template-rows:repeat(1,1fr)}.proyects__item{grid-template-columns:1fr}}@media screen and (max-width: 768px){#proyects{width:80%;margin-top:100px}}#experience{display:flex;flex-direction:column;width:80%;margin:auto;gap:30px;padding-bottom:90px}.experience-title{display:flex;align-items:center;gap:10px;font-size:1.5em;flex-wrap:nowrap}#experience h2{font-weight:600;color:#303030;white-space:nowrap}@media screen and (min-width: 1024px){body{padding:0 250px}}#aboutMe{width:80%;margin:auto;display:flex;justify-content:center;flex-direction:column;gap:30px;padding-bottom:100px}.aboutMe__title{display:flex;align-items:center;gap:10px;font-size:1.5em;flex-wrap:nowrap;color:#303030}.aboutMe__content img{height:250px;border:5px solid #303030;box-shadow:0 0 10px #0003;border-radius:125px;margin:auto}.aboutMe__content{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%}.aboutMe__content-text{display:flex;flex-direction:column;width:100%;gap:20px}.aboutMe__content-text p{width:100%}@media screen and (max-width: 1024px){.aboutMe__content{display:grid;grid-template-columns:1fr 1fr;width:100%}.aboutMe__content-text,.aboutMe__content-text p{width:100%}}@media screen and (max-width: 1350px){.aboutMe__content{display:grid;grid-template-columns:1fr;width:100%;gap:50px}}@media screen and (max-width: 425px){#aboutMe{width:90%}}.footer__nav{display:flex;width:100%;justify-content:center;padding:20px}.footer__nav-list{display:flex;list-style:none;gap:25px}.footer__nav-item a{font-size:.9em;color:#303030;text-decoration:none;text-wrap:nowrap;font-weight:500}.footer__nav-item a:hover{color:var(--violeta)}.footer{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;padding:20px 80px 40px}hr{width:90%;margin:auto}.footer__list-social{display:flex;align-items:center;gap:20px;list-style:none}.footer__list-user{display:flex;align-items:center;gap:15px}.footer__list-user img{width:60px;border-radius:100px}.footer__list-user span{color:#303030;text-wrap:nowrap;font-weight:500}