@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%}aside{background-color:#000;position:fixed;right:-135px;top:0;height:100%;padding:20px;display:flex;flex-direction:column;transition:all .5s ease-in;z-index:9999}aside.show{right: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}nav{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#000;height:100px}.header h1{font-family:Bebas Neue,sans-serif;font-size:28px;color:#c7c7c7;cursor:pointer;transition:all .2s linear}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:space-between}.nav-links a{text-decoration:none;color:#fff;font-weight:100}ion-icon{display:none}}@media (min-width:1280px){.header{background-color:#000;width:100vw}nav{width:1024px;margin:auto}}.hero{background-color:#000}.hero-content{display:flex;flex-direction:column;color:#fff;background-color:#000;justify-content:center;padding:12px;gap:20px;height:100vh;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-container{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-container>.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{max-width:360px;max-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-container{justify-content:center}.hero img{width:500px;height:500px}}@media (min-width:1024px){.hero-content{display:flex;width:90%;flex-direction:row;text-align:left;justify-content:space-evenly}.hero img{width:400px;height:400px}.contact-container{justify-content:flex-start}}@media (min-width:1280px){.hero-content{width:1024px;margin:auto}}.projects{background-color:#0a0a0a}.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 .card{margin:20px 0;display:flex;flex-direction:column;justify-content:center}.card-container img{background-color:#484848;padding:10px}.projects h3{font-family:Manrope,sans-serif;font-size:24px;color:#d3e97a;padding-top:30px;text-decoration:underline}.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:768px){.projects-content{width:80%;margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center}.card{align-items:center}}@media (min-width:1024px){.tittle-container,.projects-content{text-align:left;width:100%}.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}}@media (min-width:1280px){.projects-content{width:1024px;margin:auto}}.short-content{display:flex;flex-direction:column;align-items:center;background-color:#0a0a0a;padding:30px 12px}.short-about{background-color:#0a0a0a}.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{height:100vh;width:100%;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:505px}.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-content{width:70%}}@media (min-width:1280px){.short-content{width:1024px}}.contact{background-color:#0a0a0a;width:100%}.contact-content{display:flex;flex-direction:column;gap:10px;background-color:#0a0a0a;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 .links ion-icon{color:#d3e97a;padding:20px 0}.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}.contact .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}.button:hover{filter:brightness(1.1)}@media (min-width:768px){.contact-content{width:90%;margin:auto;justify-content:center}}@media (min-width:1280px){.contact-content{width:1024px}}.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}}