@import"https://fonts.googleapis.com/css2?family=Fira+Sans:wght@500;800;900&display=swap";:root{--primary-clr: hsl(0, 0%, 0%);--secondary-clr: hsl(0, 0%, 11%);--other-clr: hsl(0, 0%, 61%);--tag-clr: hsl(0, 0%, 55%);--accent-clr: hsl(214, 100%, 70%);--accent-other-clr: hsl(218, 55%, 45%);--main-clr: hsl(0, 0%, 95%);--section-mt: 8rem;--transition: cubic-bezier(.25, .32, .85, .58);--transition-clr: color .3s var(--transition);font-size:10px;scrollbar-color:var(--other-clr) hsl(0,0%,73%);scrollbar-width:thin;scrollbar-gutter:stable}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#e3e3e3}::-webkit-scrollbar-thumb{background-color:var(--accent-clr)}::selection{background:var(--accent-clr);color:var(--primary-clr)}*:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px dotted var(--accent-clr);outline-offset:3px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}@media screen and (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{font-family:-apple-system,BlinkMacSystemFont,Fira Sans,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:clamp(1.4rem,1vw,1.6rem);line-height:1.6;background:var(--primary-clr);color:var(--main-clr);min-height:100vh;text-rendering:optimizeSpeed}a{text-decoration:none;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit;all:unset}ul li{list-style:none}h1,h2,h3{line-height:1.2;font-weight:900}.bounce-in-left{animation:bounce-in-left 1.1s both .3s}.slide-in-top{animation:slide-in-top .5s cubic-bezier(.175,.885,.32,1.275) both}.fade-in{animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) .5s both}@keyframes bounce-in-left{0%{transform:translate(-600px);animation-timing-function:ease-in;opacity:0}38%{transform:translate(0);animation-timing-function:ease-out;opacity:1}55%{transform:translate(-68px);animation-timing-function:ease-in}72%{transform:translate(0);animation-timing-function:ease-out}81%{transform:translate(-28px);animation-timing-function:ease-in}90%{transform:translate(0);animation-timing-function:ease-out}95%{transform:translate(-8px);animation-timing-function:ease-in}to{transform:translate(0);animation-timing-function:ease-out}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-top{0%{transform:translateY(-1000px);opacity:0}to{transform:translateY(0);opacity:1}}.container{max-width:1200px;margin-inline:auto;padding:0 1rem}.homeTittle{letter-spacing:2px;color:var(--accent-clr)}.home-content{font-size:3.2rem;font-weight:700}.title{font-size:clamp(3.2rem,3vw,6rem)}#letras{font-size:clamp(3.2rem,3vw,6rem);color:var(--accent-clr)}.info{max-width:500px;font-size:1.35rem;padding-block-start:1.3rem;color:var(--other-clr)}.btn{padding:.8rem 3rem;margin-block-start:2rem;color:var(--main-clr);border-radius:.2rem;cursor:pointer}.btn:active{transform:scale(.98)}.hover-effect:after{position:absolute;content:"";left:0;bottom:-2px;width:100%;height:1.5px;background:var(--accent-clr);transform:scaleX(0);transform-origin:left;transition:all .3s ease-in-out}.hover-effect:hover:after{transform-origin:right;transform:scaleX(1)}small{color:var(--other-clr)}.skip-to-content{position:absolute;background:var(--accent-clr);color:var(--secondary-clr);padding:.75rem 1rem;left:1.5rem;top:0;border-radius:0 0 .5rem .5rem;font-size:1.4rem;transform:translateY(-200%);transition:all .35s ease-in}.skip-to-content:focus{transform:translateY(0)}.nav{width:100%;padding:0 1rem}.nav .container{display:flex;align-items:center;justify-content:space-between;padding:.85rem 2rem;background:var(--secondary-clr);margin-block-start:1.15rem;border-radius:.5rem;font-size:1.4rem}.nav-logo h3{font-weight:800}.logo{width:40px;height:40px;border-radius:50%}.hamburger{display:none}.nav-list{display:flex;align-items:center;gap:5rem}#idiomas{cursor:pointer;display:flex;align-items:center;gap:5rem}.idiomas__item{display:inline-block}.nav-links{position:relative;transition:var(--transition-clr)}.nav-links:hover{color:var(--accent-clr)}.social-nav{display:flex;align-items:center;gap:2.5rem}.social-nav a{line-height:0;width:33px;height:33px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,.32,.85,.58)}.social-nav a:hover{background:var(--accent-other-clr);color:var(--secondary-clr)}.hero{padding:0 1rem}.hero .container{margin-block-start:var(--section-mt);display:grid;place-items:center;gap:5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.hero-intro{display:flex;flex-direction:column;justify-content:center}.name{font-size:5.6rem;font-weight:700;line-height:1.3}.intro{margin-top:2%;color:var(--other-clr)}.hero img{max-width:375px}.hero .code{filter:drop-shadow(0 0 .75rem var(--secondary-clr))}.hero-btn-container{margin-block-start:5rem;display:flex}.hire-btn{text-transform:uppercase;letter-spacing:1px;display:inline-block;border:1px solid var(--accent-clr);color:var(--accent-clr);transition:all .3s cubic-bezier(.25,.32,.85,.58);z-index:1;position:relative;font-size:inherit;overflow:hidden}.hire-btn:before{content:"";z-index:-1;position:absolute;top:100%;right:100%;width:2rem;height:1em;border-radius:50%;background-color:var(--accent-clr);transform-origin:center;transform:translate3d(50%,-50%,0) scale3d(0,0,0);transition:transform .45s ease-in-out}.hire-btn:hover{cursor:pointer;color:#171717;border:0}.hire-btn:hover:before{transform:translate3d(50%,-50%,0) scale3d(15,15,15)}.download-link{color:var(--other-clr);transition:color .45s ease-in-out}.download-link:hover{color:#fff}.download-link:focus{outline:none}.about-me{margin-block-start:var(--section-mt);background:var(--secondary-clr);padding:var(--section-mt) 1rem}.about-me .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));place-items:center;gap:8rem;position:relative}.about-me img{align-self:end;justify-self:end;width:425px;box-shadow:0 0 2.2px #00000002,0 0 5.3px #00000002,0 0 10px #00000003,0 0 17.9px #00000003,0 0 33.4px #00000004,0 0 80px #00000005}.about{padding-block-start:1.25rem}.about p{padding-block-start:2rem;line-height:1.8;margin-top:2%}.my-skills{margin-block-start:var(--section-mt);padding:4rem 1rem}.my-skills ul{padding-block-start:5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:3.2rem 1rem}.my-skills ul li svg{display:inline-block;background-color:transparent;transition:background-color .3s ease}.my-skills ul li svg:hover{transition:transform .3s ease-in-out;transform:scale(1.2)}.other-noteworthy-project{margin-block-start:15rem}.other-noteworthy-project h3{text-align:center;font-size:3rem}.other-projects{padding-block-start:calc(var(--section-mt) / 2);display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:4rem;max-width:1000px;margin:0 auto}.other-projects a{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;background:var(--secondary-clr);border-radius:.3rem;overflow:hidden;font-size:1.45rem;box-shadow:0 0 2.2px #00000003,0 0 5.3px #00000004,0 0 10px #00000005,0 0 17.9px #00000006,0 0 33.4px #00000007,0 0 80px #0000000a;transition:background .3s ease-in-out}.other-projects a:hover{background:transparent;box-shadow:0 0 1px var(--other-clr)}.other-projects a img{object-fit:cover;height:300px}.other-projects div{padding:2rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.other-projects h4{font-size:clamp(1.5rem,2vw,2rem)}.other-projects ul{display:flex;align-items:center;gap:1rem;color:var(--accent-clr);font-size:clamp(1.15rem,1vw,1.3rem)}.other-projects p{font-size:clamp(1.15rem,1vw,1.3rem)}.contact{margin-block-start:var(--section-mt);padding:4rem 1rem}.mail-link{display:flex;width:max-content;transition:var(--transition-clr);position:relative;text-transform:uppercase;letter-spacing:1px}.mail-link:hover{color:var(--accent-clr);text-decoration:none}.footer{margin-block-start:var(--section-mt);background:var(--secondary-clr);padding:0 1rem}.footer .container{margin-block-start:var(--section-mt);font-size:1.35rem;padding:2rem 1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.footer em{color:var(--other-clr)}.footer div{display:flex;align-items:center;gap:5rem}.footer ul{display:flex;align-items:center;gap:2rem}.footer a{letter-spacing:1px;transition:var(--transition-clr);position:relative}.footer a:hover{color:var(--accent-clr)}.top{display:flex;align-items:center;justify-content:center;line-height:0;font-size:1.15rem}.scroll{display:flex;flex-direction:column;gap:1.2rem;align-items:flex-end}@media screen and (max-width: 50em){body:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:var(--secondary-clr);transform:translateY(-100%)}body.open:after{transition:transform .3s ease-in-out;transform:translateY(0)}.skip-to-content{display:none}.nav{position:relative;z-index:1}.nav-list,.social-nav{transition:opacity .3s ease-in-out}.nav-list{flex-direction:column;position:absolute;top:250px;left:50%;transform:translate(-50%);height:100vh;opacity:0;pointer-events:none}.social-nav{opacity:0;pointer-events:none;position:absolute;top:175px;left:50%;transform:translate(-50%)}.nav-list.open,.social-nav.open{opacity:1;pointer-events:all}.hero-btn-container{justify-content:center}.hamburger{width:25px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform .33s ease-out}.hamburger.open{transform:rotate(-45deg)}.line-menu{background:hsl(0,0%,100%);width:100%;height:1.5px}.line-menu:not(:first-child){margin-block-start:.75rem}.line-menu.half{width:50%}.line-menu.start{transition:transform .33s cubic-bezier(.54,-.81,.57,.57);transform-origin:right}.open .line-menu.start{transform:rotate(-90deg) translate(3px)}.line-menu.end{align-self:flex-end;transition:transform .33s cubic-bezier(.54,-.81,.57,.57);transform-origin:left}.open .line-menu.end{transform:rotate(-90deg) translate(-3px)}.hero .container{height:60vh;text-align:center;position:relative}.hero img{display:none}.my-skills ul{grid-template-columns:repeat(2,1fr)}.project:nth-child(2n) img{order:1}.project:nth-child(2n) div{order:2}.other-projects{grid-template-columns:1fr;text-align:center}.other-projects ul{justify-content:center}.footer .container{justify-content:center;gap:3rem}.mail-link{justify-content:center}}