#root{max-width:1280px;margin:0 auto;font-family:Geist Sans}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}@font-face{font-family:Geist Sans;src:local("Geist Sans"),url(/assets/Geist-Regular-CH2-ga01.otf)}.layout{display:grid;min-height:100vh;grid-template-areas:"header header header" "content content content" "footer footer footer"}.layout .header{grid-area:header;height:60px;border-radius:25px}.layout .header .navbar{display:flex;position:fixed;height:60px;top:0;width:100%;justify-content:space-between;transition:top .3s;background:#000000a9}.layout .header .navbar ul{display:flex;justify-content:flex-end;list-style:none;align-content:center;margin-right:1rem;gap:1rem}.layout .header .navbar ul li{place-items:center}.layout .header .navbar ul li img{width:1.5rem}.layout .header .navbar .logo{height:60px;padding:1rem;padding-top:0}.layout .header .navbar .logo img{height:100%}.home{grid-area:content;margin:0 auto;padding:1rem}.home span h2{background:linear-gradient(to right,#00ff3c,#00ff3c);-webkit-background-clip:text;color:transparent}.tooltip-two{visibility:visible;opacity:1;width:120px;background-color:#e7e5e5;color:#000;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:100%;left:50%;transform:translate(-50%);transition:opacity .3s}.tooltip-two:after{content:"";position:absolute;bottom:-9px;left:50%;margin-left:-9px;width:18px;height:18px;background:#e7e5e5;transform:rotate(45deg)}.tooltip-one{visibility:hidden;width:87px;background-color:#e7e5e5;color:#000;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:100%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip-one:after{content:"";position:absolute;bottom:-9px;left:50%;margin-left:-9px;width:18px;height:18px;background:#e7e5e5;transform:rotate(45deg)}.bento{display:grid;background:transparent;gap:1rem}.bento>div{background:#161518;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:.75rem}.bento p{color:#f5f5f5}.bento .logo{display:none;place-items:center;padding:20px}.bento .logo img{width:100%}.bento .about{margin:0;display:flex;flex-direction:column;justify-content:space-between}.bento .about .about-me h1{font-weight:600;font-size:1.9rem;line-height:1.75rem}.bento .about .about-me h2,.bento .about .about-me p{font-size:1rem;font-weight:500;line-height:1rem}.bento .about .links{display:flex;justify-content:center;gap:.5rem}.bento .about .links .links-button{cursor:pointer;color:#fff;border-radius:10px;box-shadow:0 10px 10px #000;transition:1s;text-align:center;width:35px;max-height:35px;display:flex;margin:5px;transition:.7s;place-items:center}.bento .about .links .links-button img{width:35px}.bento .about .links .links-button:hover{width:150px;border-radius:5px}.bento .about .links .links-button span{transition:.2s;overflow:hidden;text-align:center}.bento .about .links .links-button span:hover{padding:2px;max-width:min-content;color:#fff}.bento .iam{display:flex;place-items:center;justify-content:space-around}.bento .iam img{object-fit:cover;overflow:hidden;border-radius:9999px;width:15rem;height:15rem}.bento .email{text-align:center;place-items:center}.bento .email span h2{margin:0}.bento .email .email-item{display:flex;place-content:center;place-items:center}.bento .email .email-item p{background-color:#1a1a1a;padding:.375rem .5rem;border-radius:.5rem;margin:.5rem 0}.bento .email .email-item a{place-items:center;position:relative;color:#fff}.bento .email .email-item a img{cursor:pointer;width:30px;margin:0 .2rem}.bento .extra{display:flex;place-content:center;align-items:center}.bento .extra img{object-fit:cover}.bento .extra .editor{border-radius:3px;padding:5px;place-content:center;display:inline}.bento .extra .editor span{color:#f279c6}.bento .extra .editor .algo{color:#00ff3c}.bento .tecnologys{text-align:center}.bento .tecnologys .tecnologys-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;place-items:center}.bento .tecnologys .tecnologys-items .skill{width:75px;display:flex;flex-direction:column;place-items:center;flex-wrap:wrap}.bento .tecnologys .tecnologys-items .skill img{width:40px}.bento .baner{padding:0}.bento .baner img{border-radius:.75rem;width:100%;height:100%}.bento .CV{display:flex;justify-content:center;place-items:center}.bento .CV a{width:fit-content;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;color:#fff;text-decoration:none;margin:0;background-color:#01b32a;display:flex;place-items:center;gap:.5rem}.bento .CV a img{width:25px;max-height:25px}.bento .CV a:hover{border-color:#646cff}.bento .CV a:focus,.bento .CV a:focus-visible{outline:4px auto -webkit-focus-ring-color}.experience h2{font-size:1.9rem}.experience .experience-content{display:flex;flex-direction:column}.experience .experience-content .experience-item{display:flex;gap:1.25rem}.experience .experience-content .experience-item .side{position:relative}.experience .experience-content .experience-item .side .inicio{background-color:#00ff3c;width:1rem;height:1rem;border-radius:9999px}.experience .experience-content .experience-item .side .largo{background-color:#3c3f4480;width:1px;top:1rem;left:50%;bottom:0;position:absolute}.experience .experience-content .experience-item:hover .info .info-title h3{color:#00ff3c}.experience .experience-content .experience-item .info{display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem;text-decoration:none;color:#9ca3af}.experience .experience-content .experience-item .info .info-title{display:flex;flex-direction:column;gap:.25rem}.experience .experience-content .experience-item .info .info-title span{line-height:1;text-transform:uppercase;font-weight:500;align-items:center;height:1rem}.experience .experience-content .experience-item .info .info-title h3{font-weight:500;color:#e5e7ebe6;margin:0}.experience .experience-content .experience-item .info .info-description p{margin:0}.projects h2{font-size:1.9rem}.projects .contain-projects{display:flex;flex-direction:column;gap:1rem;place-items:center}.projects .contain-projects .project-item{background:#161518;max-height:500px;width:300px;display:flex;flex-direction:column;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:.75rem}.projects .contain-projects .project-item .bg-project{margin:0;overflow:hidden;position:relative;display:flex;cursor:pointer;height:200px;place-content:center}.projects .contain-projects .project-item .bg-project img{border-radius:.75rem;max-width:100%;max-height:100%;width:auto;transition:transform .7s ease-in-out,filter .7s ease;object-fit:fill;object-position:center}.projects .contain-projects .project-item .bg-project img:hover{transform:scale(1.8) rotate(20deg)}.projects .contain-projects .project-item .description .tecnologys{display:flex;gap:1rem;max-width:100%;flex-wrap:wrap}.projects .contain-projects .project-item .description .tecnologys figure{margin:0;display:flex;flex-direction:column;place-items:center;position:relative;cursor:pointer}.projects .contain-projects .project-item .description .tecnologys figure p{margin:0}.projects .contain-projects .project-item .description .tecnologys figure img{width:2.2rem}.projects .contain-projects .project-item .description .tecnologys figure:hover .tooltip-one{visibility:visible;opacity:1}.projects .contain-projects .project-item .description>p{min-height:50px;max-height:50px;margin-top:16px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;color:#fff}.projects .contain-projects .project-item .description footer{display:flex;justify-content:flex-end}.projects .contain-projects .project-item .description footer a{position:relative}.projects .contain-projects .project-item .description footer a img{width:35px;height:auto}.projects .contain-projects .project-item .description footer a:hover .tooltip-one{visibility:visible;opacity:1}.footer{grid-area:footer}.sidebar{display:none}.skeleton{opacity:.7;animation:skeleton-loading 1s linear infinite alternate}.skeleton-text{width:100%;height:.5rem;margin-bottom:.25rem;border-radius:.125rem}.skeleton-text .skeleton-text:last-child{margin-bottom:0;width:80%}.skeleton-card{background:#161518;max-height:500px;width:300px;display:flex;flex-direction:column;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:.75rem}.skeleton-card .bg-project{margin:0;overflow:hidden;position:relative;display:inline-block;height:200px;margin-bottom:.5rem}.skeleton-card .bg-project img{border-radius:.75rem;max-width:100%;width:auto}.skeleton-card .description .tecnologys{display:flex;gap:1rem;max-width:100%;flex-wrap:wrap}.skeleton-card .description .tecnologys figure{margin:0;display:flex;flex-direction:column;place-items:center;border-radius:25px;height:2.2rem;width:2.2rem}.skeleton-card .description footer{display:flex;justify-content:flex-end}.skeleton-card .description footer a{width:2rem;height:.5rem;margin:.2rem;border-radius:5px}@media (width >=720px){.bento{grid-template-columns:none;grid-template-areas:"about about about iam" "about about about iam" "tecnologys tecnologys tecnologys CV" "tecnologys tecnologys tecnologys hi" "baner baner extra extra" "baner baner extra extra";grid-auto-rows:160px;grid-auto-columns:1fr;margin-top:2rem}.bento .hi{grid-area:hi}.bento .logo{display:none}.bento .about{grid-area:about}.bento .iam{grid-area:iam}.bento .email span h2{margin:.5rem}.bento .email .email-item a{place-items:center}.bento .email .email-item a img{cursor:pointer;width:26.5px;margin:0}.bento .extra{grid-area:extra}.bento .tecnologys{grid-area:tecnologys}.bento .tecnologys .tecnologys-items{display:flex;flex-wrap:wrap;place-items:center}.bento .baner{grid-area:baner}.bento .baner img{object-fit:cover}.bento .CV{grid-area:CV}.projects .contain-projects{flex-direction:row;flex-wrap:wrap}.sidebar{display:none}}@media (width >=920px){.layout .header{margin-bottom:-2rem}.bento{grid-template-columns:none;grid-template-areas:"about about about iam" "about about about iam" "logo tecnologys tecnologys CV" "logo tecnologys tecnologys hi" "baner baner extra extra" "baner baner extra extra";grid-auto-rows:160px;grid-auto-columns:1fr;margin-top:2rem}.bento .hi{grid-area:hi}.bento .logo{display:flex;grid-area:logo}.bento .about{grid-area:about}.bento .iam{grid-area:iam}.bento .extra{grid-area:extra}.bento .tecnologys{grid-area:tecnologys}.bento .tecnologys .tecnologys-items{display:flex;flex-wrap:wrap;place-items:center}.bento .baner{grid-area:baner}.bento .CV{grid-area:CV}.projects .contain-projects{flex-direction:row;flex-wrap:wrap}.sidebar{display:none}}@media (width >=1340px){.layout .header{display:none}.sidebar{display:flex;flex-direction:column;gap:1rem;position:fixed;top:40%;left:0;color:#fff;padding-left:.5rem}.sidebar .option{height:30px}.sidebar .option div{background:#00ff3c;height:.2rem;margin-top:-6px;transition:.5s;width:0%}.sidebar .option:hover div{width:100%}.sidebar .option div.active{width:100%}.sidebar .option img{cursor:pointer;width:30px;transition:.1s;border-bottom-width:0%}}@keyframes rotar{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes skeleton-loading{0%{background-color:#313131}to{background-color:#525252}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0e0e11;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{scroll-behavior:smooth}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}