@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Manrope:wght@200..800&display=swap";*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body,html{height:100vh;width:100%;background-color:#000}nav{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#000;margin-bottom:10px}.header h1{font-family:Bebas Neue,sans-serif;font-size:28px;color:#c7c7c7;cursor:pointer;transition:all .2s linear;text-decoration:none}a{color:transparent}ion-icon{color:#fff;font-size:2.5rem}.header h1:hover{color:#d3e97a}.nav-links{display:none}.nav-links a{transition:all .2s linear}.nav-links a:hover{color:#d3e97a}@media (min-width:1024px){.nav-links{font-family:Manrope,sans-serif;width:20%;display:flex;justify-content:flex-end}.nav-links a{text-decoration:none;color:#fff;font-weight:100}ion-icon{display:none}}@media (min-width:1280px){.header{background-color:#000;width:100%}nav{width:1024px;margin:auto}}aside{background-color:#000;position:fixed;top:0;right:0;height:100%;padding:20px;display:flex;flex-direction:column;transform:translate(100%);transition:all .3s ease;z-index:9999}aside.show{transform:translate(0)}aside a{padding:12px;color:#fff;font-family:Bebas Neue,sans-serif;font-size:2rem;text-decoration:none}aside a:hover{color:#d3e97a}.overlay{position:fixed;background-color:#00000093;top:0;left:0;height:100%;width:100%;transition:opacity .3s ease-in;z-index:9998;opacity:0;pointer-events:none}.show-overlay{opacity:1;pointer-events:all}.hero{background-color:#000}.hero-content{display:flex;flex-direction:column;color:#fff;background-color:#000;justify-content:center;padding:12px;gap:20px;width:100%}.introduce-container{margin:20px 0}.hero h2{font-family:Bebas Neue,sans-serif;font-size:50px;color:#fff}.hero p{font-family:Manrope,sans-serif;font-size:16px;padding:14px 0}.contact-hero{margin:14px 0;display:flex;align-items:center;gap:20px}.button-container{position:relative;display:flex;align-items:center;padding-left:20px;width:163px;height:48px;border-radius:18px;background-color:#d3e97a;color:#222;font-size:16px;font-weight:700;font-family:Manrope,sans-serif;cursor:pointer}.button-container:hover{filter:brightness(1.1)}.contact-hero>.button-container>i{font-size:20px;color:#fff;background-color:#222;padding:6px;position:absolute;top:10;right:10px}.button:hover{filter:brightness(1.3)}i{font-size:24px;color:#d3e97a;padding:14px;background-color:#222;border-radius:50%;cursor:pointer;transition:all .3s ease}i:hover{filter:brightness(1.3)}img{width:360px;height:400px;object-fit:cover;border-radius:8px}@media (min-width:768px){.hero-content{width:80%;margin:auto;justify-content:center;align-items:center;text-align:center}.contact-hero{justify-content:center}.hero img{width:500px;height:500px}}@media (min-width:1024px){.hero-content{display:flex;flex-direction:row;text-align:left;justify-content:space-evenly;align-items:center;width:900px}.hero-content ion-icon{display:block}.hero img{max-width:400px;min-height:400px}.contact-hero{display:flex;align-items:center;gap:10px}.contact-hero{justify-content:flex-start}}@media (min-width:1280px){.hero-content{width:1024px;margin:auto}.contact-hero{display:flex;justify-content:flex-start;align-items:center;gap:10px}.hero{margin:auto}}.contact-button{position:relative;display:flex;align-items:center;padding-left:20px;width:163px;height:48px;border-radius:18px;background-color:#d3e97a;color:#222;font-size:16px;font-weight:700;font-family:Manrope,sans-serif;cursor:pointer;margin:10px 0}.contact-button:hover{filter:brightness(1.1)}i{position:absolute;right:5px;color:#d3e97a;font-size:14px;padding:10px;background-color:#222;border-radius:50%;cursor:pointer;transition:all .3s ease}ion-icon{color:#d3e97a;padding:20px 0}.projects{background-color:#000}.projects-content{display:flex;flex-direction:column;padding:12px;background-color:#000}.projects h2{font-size:43px;font-family:Bebas Neue,sans-serif;padding-top:30px;color:#fff}.projects p{font-family:Manrope,sans-serif;font-size:16px;color:#faf9f6;font-weight:lighter}.projects .card-container{margin:auto}.projects h3{font-family:Manrope,sans-serif;font-size:24px;color:#d3e97a;padding-top:30px;text-decoration:underline}@media (min-width:768px){.projects-content{width:80%;margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center}.card{align-items:center}.projects h3{margin:auto}}@media (min-width:1024px){.projects{width:1024px;margin:auto}.tittle-container,.projects-content{text-align:left;width:100%}.tittle-container p{width:600px}.projects .card{flex-direction:row;justify-content:space-around;align-items:center;width:100%}.project-info{width:500px;padding:20px}.projects img{width:450px;height:450px}.tittle-container{width:920px}}@media (min-width:1280px){.projects-content{width:1024px;margin:auto}}.card-container img{background-color:#484848;padding:10px}.projects .card{margin:20px 0;display:flex;flex-direction:column;justify-content:center}.project-info{color:#fff;display:flex;flex-direction:column;width:100%;gap:20px;padding:0 10px}.tittle-project-info{font-family:Manrope;font-size:16px;margin-top:20px}.year-container{display:flex;justify-content:space-between;border-top:1px solid white;border-bottom:1px solid white;padding:20px 0}.role-container{display:flex;justify-content:space-between;border-bottom:1px solid white;padding:12px 20px;width:100%}.projects a{display:flex;gap:20px;align-items:center;width:100%;padding-top:10px;font-family:Manrope;text-decoration:underline;font-size:14px;color:#d3e97a}.project-links ion-icon{font-size:14px;color:#d3e97a}.project-links .links{gap:10px}@media (min-width:1024px){.projects .card{margin:20px 0;display:flex;flex-direction:row;justify-content:center;gap:20px}.card img{width:400px;height:400px}.project-info{width:500px}}.short-content{display:flex;flex-direction:column;align-items:center;background-color:#000;padding:30px 12px}.short-about{background-color:#000}.short-about h2{color:#fff;padding:15px 0}.short-about p{font-size:18px;font-family:Manrope,sans-serif;font-weight:100;color:#fff}.short-about a{text-decoration:underline;color:#d3e97a;font-size:14px;font-weight:200;padding:20px 0;cursor:pointer}.short-about img{width:360px;height:380px;object-fit:cover;margin-top:30px}.about-description span{display:none}.about-description{display:flex;flex-direction:column;gap:10px}@media (min-width:768px){.short-content{width:80%;margin:auto;display:flex;justify-content:center;align-items:center;text-align:center}.about-description span{display:none}.about-description{display:flex;flex-direction:column;justify-content:space-around;gap:20px}.short-content img{margin:auto}}@media (min-width:1024px){.short-content{display:flex;flex-direction:row;justify-content:space-around;align-items:flex-start;text-align:left;padding-top:100px}.about-tittle{color:#fff;font-family:Bebas Neue,sans-serif;font-size:60px}.about-description{display:flex;flex-direction:column;justify-content:space-around;gap:20px;width:550px}.about-description .description{font-weight:bolder}.about-description span{color:#fff;font-weight:100;font-family:Manrope,sans-serif;display:block}.short-content img{display:none}}@media (min-width:1024px){.short-about{width:1024px}.short-content{justify-content:space-between;margin:auto;width:90%}}@media (min-width:1280px){.short-about{margin:auto}.short-content{width:1024px;justify-content:space-between}}.contact{background-color:#000;width:100%}.contact-content{display:flex;flex-direction:column;gap:10px;background-color:#000;padding:12px;border:1px solid transparent}.contact h2{font-family:Bebas Neue,sans-serif;font-size:42px;color:#fff;margin-top:60px}.contact h3{font-family:Manrope,sans-serif;font-size:14px;padding:5px 0;font-weight:100;color:#fff}.contact p{font-family:Manrope,sans-serif;font-size:16px;padding:5px 0;color:#fff}.contact .links{display:flex;justify-content:space-between;width:60%}.contact form{display:flex;flex-direction:column}.contact label{color:#fff;font-family:Manrope,sans-serif;font-size:16px;padding:5px 0}.contact input{height:45px;padding:5px;font-size:16px;font-family:Manrope,sans-serif;background-color:#1a1a1a;color:#fff;border-radius:8px;border:1px solid transparent}input:focus{outline:none}textarea{height:143px;padding:5px;font-size:16px;font-family:Manrope,sans-serif;background-color:#1a1a1a;color:#fff;border:1px solid transparent;border-radius:10px}textarea:focus{outline:none}.button:hover{filter:brightness(1.1)}@media (min-width:768px){.contact-content{width:80%;margin:auto;justify-content:center;text-align:center}form{justify-content:center;align-items:center}input,textarea{width:100%}.links{margin:auto}}@media (min-width:1024px){.hero{width:1024px}.contact-content{width:1024px;display:flex;flex-direction:row;justify-content:end;text-align:start;justify-content:space-evenly}.contact-container{display:flex;flex-direction:column;gap:0px;justify-content:flex-start;align-items:flex-start;margin:0}.contact-container .links{margin:0;gap:10px}.form-container{width:550px;align-items:flex-start}.contact-container ion-icon{display:block}.contact form{align-items:flex-start}.contact h2{margin-top:0}}@media (min-width:1280px){.contact-content{width:1024px;display:flex;flex-direction:row;justify-content:space-between;text-align:start}.contact-container{display:flex;flex-direction:column;gap:0px;justify-content:flex-start;align-items:flex-start;margin:0}.contact-container .links{margin:0;gap:10px}.form-container{width:550px;align-items:flex-start}.contact-container ion-icon{display:block}.contact form{align-items:flex-start}.contact h2{margin-top:0}}.submit-button{display:flex;justify-content:center;align-items:center;padding:12px;margin-top:25px;border-radius:20px;background-color:#d3e97a;width:140px;height:54px;font-family:Manrope,sans-serif;font-size:16px;font-weight:700;cursor:pointer}.footer{height:10vh;display:flex;align-items:center;background-color:#0a0a0a;padding:12px}.footer span{color:#fff;font-family:Manrope,sans-serif;font-weight:100;font-family:16px}@media (min-width:768px){.footer{justify-content:center}}.about{background-color:#000;padding:12px}h2{color:#fff;padding:5px 0;font-family:Bebas Neue,sans-serif;font-size:42px}.subtitle{color:#fff;font-family:Manrope,sans-serif;padding:12px 0}p{color:#fff;font-family:Manrope,sans-serif;font-weight:100px;line-height:1.5rem;padding:12px 0}.about img{margin:12px 0}.about-links{display:flex;align-items:center;gap:10px}@media (min-width:768px){.about{width:80%;margin:auto;text-align:center}.about-links{justify-content:center;align-items:center}}@media (min-width:1280px){.about{width:1024px}.about-container{display:flex;justify-content:space-between;text-align:start;width:1024px}.description{width:550px;text-align:start}.about img{width:1024px;height:600px}.about-links ion-icon{display:block}.about-links{justify-content:flex-start}}.capabilities{background-color:#000;padding:12px}ul{color:#fff;list-style:none;display:flex;flex-wrap:wrap;gap:22px;margin:10px 0}li{font-size:1rem;padding:12px;border:1px solid rgba(255,255,255,.411);border-radius:28px}@media (min-width:768px){.capabilities{width:80%;margin:auto;text-align:center}ul{justify-content:center}}@media (min-width:1280px){.capabilities{width:1024px;display:flex;justify-content:space-between}.skills-description{width:550px;text-align:start}ul{justify-content:flex-start}}