@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,300&display=swap";.hero{height:min(73vh,1000px);display:flex;flex-direction:column;justify-content:center;gap:1rem}.hero-title{font-size:clamp(2.5rem,1.7188rem + 2.5vw,4.125rem);line-height:.9;margin-bottom:-20px;color:var(--gray);font-weight:700}.hero-description{font-size:clamp(2.1875rem,.0164rem + 11.5789vw,9.0625rem);color:gray;color:var(--white);font-weight:500;line-height:1.1;position:relative;display:inline}.hero-left{display:flex;align-items:center}.info{font-size:clamp(.875rem,.7566rem + .6316vw,1.25rem);width:450px;align-self:flex-end}.socials-container{display:flex;gap:1.4rem;align-items:center;justify-content:center;flex-direction:column;margin-right:2rem}.social{width:45px;height:45px;display:flex;align-items:center;justify-content:center;transition:.3s ease-in-out;border-radius:23px;outline:1px solid #89898933}.social-svg{width:23px;cursor:pointer;transition:.25s ease-in-out}.social:hover{filter:grayscale(0) brightness(500%);outline:1.5px solid white}.hero-right{align-self:self-end;line-height:1.5;max-width:512px}.hero-right p{font-size:clamp(.75rem,.5833rem + .8889vw,1.25rem)}.hero-right span{color:var(--gray)}.hero-email{font-size:clamp(.5rem,.4167rem + .4444vw,.75rem);color:var(--primary-color);cursor:pointer}@media screen and (max-width: 768px){.hero{gap:2rem}.hero-left{flex-direction:column-reverse;justify-content:center;gap:1rem}.hero-right{align-self:baseline}.socials-container{flex-direction:row;align-self:baseline}.social-svg{width:14px}}@media screen and (max-width: 418px){.hero-description span{width:12px;height:12px;margin-left:5px}}.skills-container{max-width:1920px;margin:0 auto}.skills{height:auto;height:min(800px,70%);max-width:100vw;background-color:var(--background1);text-align:center;padding-bottom:40px}.skills-description{margin-bottom:3rem;font-size:clamp(1.375rem,.3929rem + 3.1429vw,2.75rem)}.skill-img{width:130px;height:120px}.grid-container{display:flex;justify-content:center;flex-wrap:wrap;gap:3rem;max-width:800px;margin:0 auto}.grid-item{padding-bottom:10px}.grid-item p{font-size:clamp(.8125rem,.5781rem + .75vw,1rem)}.grid-item img{width:120px}@media screen and (max-width: 768px){.grid-container{gap:4rem}.grid-item img{width:80px}}@media screen and (max-width: 418px){.grid-container{gap:1.7rem;width:min(90%)}.skill-img{width:110px}.grid-item img{width:50px}}.projects-section{position:relative;background-color:var(--background2);height:auto;min-height:min(110vh,1000px);padding-bottom:50px}.projects{display:flex;align-items:center;justify-content:center;flex-direction:column}.projects-filter{display:flex;align-items:center;justify-content:center;gap:2rem;margin:0 auto 50px;max-width:700px;flex-wrap:wrap;background-color:transparent}.projects-filter h1{cursor:pointer;font-size:clamp(1.25rem,.4688rem + 2.5vw,1.875rem)}.projects-filter h1:hover{text-shadow:2px 2px 5px rgb(7,7,7)}.projects-container{display:flex;align-items:center;justify-content:center;max-width:1000px;margin:60px auto 0;gap:2rem;flex-wrap:wrap}.projects-counter{text-align:center;margin:10px auto;font-size:clamp(.875rem,.7188rem + .5vw,1rem);color:var(--textPrimaryColor);opacity:.8}.active-filter{color:var(--primary-color)}.project{display:flex;align-items:center;justify-content:space-between;gap:20px}.project-image{height:600px;object-fit:contain;object-position:top left;max-width:600px;flex-shrink:1;overflow:hidden}.project-title{font-size:clamp(1.375rem,1.0625rem + 1.6667vw,2rem);margin-bottom:-5px}.project-description{font-size:clamp(.8125rem,.6563rem + .8333vw,1.125rem)}.project-details{width:50%;display:flex;flex-direction:column;gap:2rem}.project-buttons{display:flex;gap:2rem;align-items:center;margin-top:25px}.project-button{background:var(--background2);color:var(--textPrimaryColor);border:1px solid var(--textPrimaryColor);font-size:clamp(.875rem,.7188rem + .5vw,1rem)}.project-reverse-row .project-image{object-position:top right}.project-reverse-row{flex-direction:row-reverse}.view-more-container{display:flex;align-items:center;justify-content:center;margin-top:40px}.view-more-button{color:var(--primary-color);font-size:19px;cursor:pointer}.view-more-button:hover{text-shadow:2px 2px 5px rgb(7,7,7)}.tech-icons-container{display:flex;align-items:center;margin-bottom:20px}.tech-icons{display:flex;align-items:center;gap:20px;margin-left:20px}.tech-icon{width:30px;filter:grayscale();transition:filter .3s ease}.tech-icon{position:relative;width:30px;filter:grayscale(100%);transition:filter .3s ease}.tech-icon:hover{filter:grayscale(0%)}.tech-icon:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px;border-radius:4px;opacity:0;transition:opacity .3s ease;white-space:nowrap;pointer-events:none}.tech-icon:hover:after{opacity:1}@media screen and (max-width: 768px){.project{max-height:auto;display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem}.project:not(:last-child){border-bottom:1px solid rgb(75,74,74)}.project-title{text-align:center}.project-details{width:100%;display:flex;flex-direction:column;gap:1rem}.projects-filter{gap:15px;width:90%;margin-bottom:10px}.project-buttons{justify-content:center}.project-image{width:100%;max-height:300px;object-position:center}.project-reverse-row .project-image{object-position:center}.tech-icons-container{align-self:center}.project-description{max-width:70%;align-self:center}}@media screen and (max-width: 968px){.tech-icons{gap:10px;margin-left:10px}}@media screen and (max-width: 426px){.tech-icons-container{flex-direction:column;gap:10px}}.contact{position:relative;background-color:var(--background2);padding-block:50px}.contact-title{font-size:clamp(2.0625rem,1.0625rem + 5.3333vw,4.0625rem);margin-top:30px;margin-bottom:40px;text-align:center}.contact-card{display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:200px;width:30%;margin-bottom:20px;gap:7px}.contact-card__title{font-size:clamp(1.25rem,.9375rem + 1vw,1.5rem)}.contact-card__detail{font-size:clamp(.875rem,.7188rem + .5vw,1rem)}.contact-side{flex:1;max-width:800px;display:flex;justify-content:center;align-items:start;flex-wrap:wrap;margin:0 auto}.contact-card__image{width:40px}.contact footer{position:absolute;bottom:10px;left:50%;transform:translate(-50%);color:var(--gray);font-size:clamp(.6875rem,.5938rem + .5vw,.875rem)}@media screen and (max-width: 714px){.contact-container{margin-bottom:3%}.contact-card__image{width:30px}.contact-side{justify-content:center}}@media screen and (max-width: 508px){.contact-card__image{width:30px}}.resume-container{width:794px;height:1122px;margin:0 auto;padding:50px 50px 85px;background-color:#1a1a1a;color:#e0e0e0;box-shadow:0 4px 10px #00000080;position:relative}.resume-name{font-size:56px;font-weight:700;color:#fff}.resume-description-job{font-size:18px;font-weight:300;color:#b3b3b3;margin-bottom:50px}.resume-category-title{font-size:18px;font-weight:600;color:#f16c4ed2;margin-bottom:15px}.resume-category-subtitle{font-size:16px;font-weight:500;color:#fff;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.period{font-size:14px;color:var(--gray)}.resume-category-descriptions{font-size:12px;font-weight:300;color:#b3b3b3}.resume-sides{display:flex;gap:55px}.work-container{flex:1}.resume-right-side{flex:1;display:flex;flex-direction:column;gap:25px}.job-title-container{display:flex;align-items:start;justify-content:space-between}.work-job-company{font-size:12px;font-weight:300;color:#b3b3b3;margin-bottom:10px;display:flex;align-items:center;cursor:pointer;max-width:30%}.projects-github{font-size:12px;font-weight:300;color:#b3b3b3;display:flex;align-items:center;cursor:pointer}.link-svg{width:16px;margin-left:8px}.job-period{color:var(--gray)}.job-responsibilities-container{margin-bottom:0}.work-job-responsibilities{display:flex;align-items:flex-start;padding-left:11px;position:relative;padding-bottom:3px}.dot{width:4px;height:4px;border-radius:4px;position:absolute;left:1px;top:7px;background-color:#b3b3b3b4}.work-job-work{margin-bottom:20px}.work-job-github{display:flex;align-items:flex-start;margin-bottom:8px;padding-left:11px;position:relative;color:#b3b3b3}.work-job-projects{display:flex;align-items:flex-start;margin-bottom:4px;padding-left:11px;position:relative;color:#b3b3b3}.project-link{color:#b3b3b3;text-decoration:none;transition:color .2s ease}.project-link:hover{color:#666;text-decoration:underline}.job-projects-container{margin-top:15px}.job-projects-title{font-size:13px;font-weight:600;color:#f16c4ed2;margin-bottom:8px}.job-projects-list{display:flex;flex-wrap:wrap;gap:8px}.job-project-item{background-color:transparent;border:1px solid rgba(241,108,78,.2);border-radius:4px;padding:4px 8px;transition:all .2s ease}.job-project-item:hover{background-color:#f16c4e0d;border-color:#f16c4e66}.job-project-link{display:flex;align-items:center;gap:6px;text-decoration:none;color:#f16c4ed2;font-size:12px;font-weight:400}.job-project-link:hover{color:#f16c4e}.job-project-link .link-svg{width:10px;height:10px;opacity:.7}.tech-stacks{display:flex;color:#b3b3b3;flex-wrap:wrap;gap:10px}.tech{font-size:12px;font-weight:500;color:#fff;background-color:var(--gray);padding:3px 5px;border-radius:5px}.teck-stacks h2,.education h2,.languages h2{font-size:16px;font-weight:600;color:#f16b4e;margin-bottom:8px}.personal-projects{display:flex;flex-direction:column;gap:15px}.resume-socials{display:flex;flex-direction:column;color:#5e5e5e;gap:7px;position:absolute;top:65px;right:50px}.resume-socials-card{display:flex;align-items:center;gap:5px;font-size:12.5px}.resume-svg{width:12px}.language-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.education-container{display:flex;flex-direction:column;gap:20px}.education-item{display:flex;flex-direction:column}.education{display:flex;align-items:center;justify-content:space-between}.education a{display:flex;align-items:center}.education-company{color:#b3b3b3;font-size:12px}.education-svg{width:16px;margin-left:8px}.button-download-pdf{position:absolute;right:30px;top:30px;color:#fff;cursor:pointer;font-size:25px;display:flex;align-items:center;gap:8px;z-index:99}.button-back-pdf{position:absolute;top:30px;left:30px;color:#fff;cursor:pointer;font-size:25px;display:flex;align-items:center;gap:8px;z-index:99}@media (max-width: 1208px){.resume-container{margin-top:90px;width:95%}.button-download-pdf,.button-back-pdf{font-size:15px;top:-50px}}@media (max-width: 768px){.resume-container{height:auto;padding:10px}.resume-sides{flex-direction:column}.resume-name{font-size:30px}.resume-description-job{font-size:12px}.resume-socials{display:flex;flex-direction:column;color:#5e5e5e;gap:7px;position:absolute;top:10px;right:10px}}@media (max-width: 456px){.resume-socials{color:#5e5e5e;gap:7px;position:relative;margin-bottom:30px;display:grid;grid-template-columns:1fr 1fr;padding-left:10px}.resume-description-job{margin-bottom:20px}}:root{font-family:Roboto,sans-serif;line-height:1.5;font-weight:400;background-color:var(--background);color:var(--white);background-color:var(--background1);--background1: #232323;--background2: #1f1f1f;--background3: #222222;--background4: #242424;--primary-color: #f16b4e;--gray: #484848;--white: #ffffff;--textColorPrimary: white}*{margin:0;padding:0;box-sizing:border-box;cursor:default}a{padding:0!important}.container{max-width:1380px;width:90%;margin:0 auto}nav{width:100vw;position:fixed;top:0;z-index:999;background-color:var(--background1)}.nav-container{display:flex;align-items:center;justify-content:space-between;height:100px}.logo{font-size:clamp(1.25rem,.4688rem + 2.5vw,1.875rem);font-weight:700;color:var(--primary-color)}.logo span{color:var(--gray)}.nav-links{display:flex;gap:2rem;font-size:20px;font-weight:500;text-transform:uppercase}.nav-links a{cursor:pointer}nav .nav-links .nav-link.active{color:var(--primary-color)}.hamburger-menu{display:none;width:45px;cursor:pointer}.body{padding-top:80px}.even{flex-direction:row-reverse}.odd{flex-direction:row}.scroll-down{position:absolute;bottom:50px;right:50px;text-align:center}.mouse{display:inline-flex;width:30px;height:55px;border:3px solid #535353;border-radius:20px;z-index:99}.button-primary{padding:10px 20px;background-color:var(--primary-color);font-size:clamp(.75rem,.5625rem + 1vw,1.125rem);font-weight:500;transition:.3s ease-in-out;cursor:pointer;display:inline}.button-primary:hover{-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000}.button-secondary{padding:8px 16px;background-color:var(white);font-size:clamp(.75rem,.5625rem + 1vw,1.125rem);font-weight:500;transition:.3s ease-in-out;cursor:pointer;display:inline;color:var(--primary-color);border:1px solid var(--primary-color)}.button-secondary:hover{-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000}.title-container{position:relative;width:100%;text-align:center;margin-bottom:50px;font-weight:700}.title-container-big{color:var(--background1);font-size:clamp(4.375rem,-.125rem + 18vw,10rem)}.title-container-big2{color:var(--background2);font-size:clamp(2.375rem,-.125rem + 18vw,10rem)}.title-container-small{color:var(--primary-color);font-size:clamp(1.8rem,.1563rem + 7.5vw,4.375rem);font-weight:500;position:absolute;top:clamp(1.5625rem,-.1562rem + 9.1667vw,5rem);left:50%;transform:translate(-50%)}@media screen and (max-width: 768px){.nav-container{height:80px}.nav-links{display:flex;flex-direction:column;align-items:center;padding-top:min(20%,5rem);position:absolute;top:0;right:0;bottom:0;left:30%;background-color:var(--background1);height:100vh}.close{visibility:hidden}.hamburger-menu{display:block;z-index:2}.nav-background{position:absolute;max-width:100vw;min-height:100vh;top:0;right:30%;bottom:0;background-color:#a0a0a080;left:-50%;z-index:-1}.container{width:93%}.title-container{margin-bottom:10px}.button-contact,.button-primary,.button-secondary{padding:8px 15px}}@media screen and (max-width: 568px){.nav-container{height:70px}.button-contact{max-width:120px}.button-primary,.button-secondary{padding:6px 12px}.hamburger-menu{width:40px}.title-container-big2{color:var(--background2)}}input,textarea{padding:10px;outline:none;width:100%;background-color:transparent;color:#fff;border:none;border-bottom:2px solid white;font-size:clamp(1rem,.6875rem + 1vw,1.25rem)}input:focus,textarea:focus{outline:none}.message-input{height:100px;resize:none}form{display:flex;flex-direction:column;gap:2rem}a{padding:10px 15px;border:none;cursor:pointer;text-decoration:none;color:inherit}a:visited{color:inherit}button{background-color:transparent;border:none}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}
