@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);:root{--header-height:3rem;--hue:0;--sat:0%;--title-color:hsl(var(--hue),var(--sat),20%);--title-color-dark:hsl(var(--hue),var(--sat),0%);--text-color:hsl(var(--hue),var(--sat),46%);--body-color:hsl(var(--hue),var(--sat),98%);--container-color:#fff;--body-font:"Poppins",sans-serif;--big-font-size:3.5rem;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:0.875rem;--smaller-font-size:0.813rem;--tiny-font-size:0.625rem;--font-normal:400;--font-medium:500;--font-semi-bold:600;--mb-0-25:0.25rem;--mb-0-5:0.5rem;--mb-0-75:0.75rem;--mb-1:1rem;--mb-1-5:1.5rem;--mb-2:2rem;--mb-2-5:2.5rem;--mb-3:3rem;--z-tooltip:10;--z-fixed:100;--z-modal:1000}@media screen and (max-width:992px){:root{--big-font-size:2.75rem;--h1-font-size:1.5rem;--h2-font-size:1.25rem;--h3-font-size:1rem;--normal-font-size:0.938rem;--small-font-size:0.813rem;--smaller-font-size:0.75rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,button,input,textarea{font-family:Poppins,sans-serif;font-family:var(--body-font);font-size:1rem;font-size:var(--normal-font-size)}body{background-color:#fafafa;background-color:var(--body-color);color:#757575;color:var(--text-color)}h1,h2,h3{color:#333;color:var(--title-color);font-weight:600;font-weight:var(--font-semi-bold)}ul{list-style:none}a{text-decoration:none}button{border:none;cursor:pointer;outline:none}img{height:auto;max-width:100%}.section{padding:6rem 0 2rem}.sectionTitle{color:#333;color:var(--title-color);font-size:2.25rem;font-size:var(--h1-font-size)}.sectionSubtitle{display:block;font-size:.875rem;font-size:var(--small-font-size);margin-bottom:4rem}.sectionSubtitle,.sectionTitle{text-align:center}.container{margin-left:auto;margin-right:auto;max-width:968px}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.button{background-color:#333;background-color:var(--title-color);border-radius:1rem;color:#fff;color:var(--container-color);display:inline-block;font-weight:500;font-weight:var(--font-medium);padding:1.25rem 2rem}button:hover{background-color:#000;background-color:var(--title-color-dark)}.buttonIcon{margin-left:.5rem;margin-left:var(--mb-0-5)}.buttonFlex{align-items:center;display:inline-flex}@media screen and (max-width:992px){.container{margin-left:1.5rem;margin-left:var(--mb-1-5);margin-right:1.5rem;margin-right:var(--mb-1-5)}.button{padding:1rem 1.75rem}.buttonIcon{height:22px;width:22px}}@media screen and (max-width:768px){.section{padding:2rem 0 4rem}}@media screen and (max-width:350px){:root{--big-font-size:2.25rem}.container{margin-left:1rem;margin-left:var(--mb-1);margin-right:1rem;margin-right:var(--mb-1)}}.header{background-color:var(--container-color);left:0;position:fixed;top:0;width:100%;z-index:var(--z-fixed)}.nav{align-items:center;-webkit-column-gap:1rem;column-gap:1rem;display:flex;height:calc(var(--header-height) + 1.5rem);justify-content:space-between}.navLogo,.navToggle{color:var(--title-color);font-weight:var(--font-medium)}.navList{-webkit-column-gap:2rem;column-gap:2rem;display:flex}.navLink{align-items:center;color:var(--title-color);display:flex;flex-direction:column;font-size:var(--small-font-size);font-weight:var(--font-medium);transition:.3s}.navClose,.navIcon,.navToggle{display:none}.activeLink,.navLink:hover{color:var(--title-color-dark)}.scrollHeader{box-shadow:0 -1px 4px rgba(0,0,0,.15)}@media screen and (max-width:768px){.header{bottom:0;top:auto}.nav{height:var(--header-height)}.navMenu{background-color:var(--body-color);border-radius:1.5rem 1.5rem 0 0;bottom:-100%;box-shadow:0 -1px 4px rgba(0,0,0,.15);left:0;padding:2rem 1.5rem 4rem;position:fixed;transition:.3s;width:100%}.showMenu{bottom:0}.navList{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.navIcon{font-size:1.2rem}.navClose{bottom:.5rem;color:var(--title-color);cursor:pointer;font-size:1.5rem;position:absolute;right:1.3rem}.navClose:hover{color:var(--title-color-dark)}.navToggle{cursor:pointer;font-size:1.1rem}.navClose,.navIcon,.navToggle{display:block}}@media screen and (max-width:350px){.navMenu{padding:2rem .25rem 4rem}.navList{-webkit-column-gap:0;column-gap:0}}.homeContent{align-items:center;-webkit-column-gap:2rem;column-gap:2rem;grid-template-columns:auto auto;padding-top:5.5rem}.homeSocial{grid-row-gap:1rem;display:grid;grid-template-columns:-webkit-max-content;grid-template-columns:max-content;row-gap:1rem}.homeSocialIcon{color:var(--title-color);font-size:1.25rem}.homeSocialIcon:hover{color:var(--title-color-dark)}.homeTitle{font-size:var(--big-font-size);margin-bottom:var(--mb-0-25)}.homeSubtitle{font-size:var(--h3-font-size);font-weight:var(--font-normal);margin-bottom:var(--mb-1);padding-left:5.4rem;position:relative}.homeSubtitle:before{background-color:var(--text-color);content:"";height:1px;left:0;position:absolute;top:.9rem;width:70px}.homeDescription{margin-bottom:var(--mb-3)}.buttonWrapper{display:flex;gap:20px}#downloadCV{background-color:var(--body-color);border:2px solid rgba(0,0,0,.3);color:var(--title-color)}.buttonFlex svg{margin-left:var(--mb-0-5)}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@media screen and (max-width:992px){.homeSubtitle{margin-bottom:var(--mb-1);padding-left:3.75rem}.homeSubtitle:before{top:.8rem;width:42px}.homeDescription{margin-bottom:var(--mb-2-5);max-width:none}}@media screen and (max-width:768px){.homeContent{padding-top:0}}@media screen and (max-width:576px){.homeContent{grid-template-columns:auto}.homeSocial{grid-template-columns:50px 50px}}.skillsContainer{grid-template-columns:1fr 1fr}.backendSkills,.frontendSkills{border:2px solid rgba(0,0,0,.3);border-radius:2rem;padding:2rem;text-align:center}.backendSkills h3,.frontendSkills h3{margin-bottom:var(--mb-2)}.technologies{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.technology{transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.technology:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}@media screen and (max-width:768px){.skillsContainer{grid-template-columns:1fr}}@media screen and (max-width:576px){.technologies{-webkit-column-gap:px;column-gap:px}}@media screen and (max-width:400px){.technologies{grid-template-columns:1fr 1fr}}.workFilters{align-items:center;-webkit-column-gap:.75rem;column-gap:.75rem;display:flex;justify-content:center;margin-bottom:var(--mb-2)}.workItem{border-radius:.5rem;color:var(--title-color);cursor:pointer;font-weight:var(--font-medium);padding:.25rem .75rem;text-transform:capitalize}.workItem:hover{background-color:var(--title-color);color:var(--container-color)}.workContainer{gap:2rem;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);justify-content:center}.workCard{background-color:var(--container-color);border:1px solid rgba(0,0,0,.1);border-radius:1rem;cursor:pointer;padding:1.25rem}.workImg{border-radius:1rem;height:200px;margin-bottom:var(--mb-1);width:295px}.workTitle{font-size:var(--normal-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb-0-5)}.workButton{align-items:center;color:var(--text-color);-webkit-column-gap:.25rem;column-gap:.25rem;display:flex;font-size:var(--small-font-size)}.workButtonIcon{font-size:1rem;transition:.4s}.workButton:hover .workButtonIcon{-webkit-transform:translateX(.25rem);transform:translateX(.25rem)}.activeWork{background-color:var(--title-color);color:var(--container-color)}@media screen and (max-width:992px){.workContainer{gap:1.25rem}.workCard{padding:1rem}.workImg{margin-bottom:.75rem}.workTitle{margin-bottom:.25rem}}@media screen and (max-width:768px){.workContainer{grid-template-columns:-webkit-max-content;grid-template-columns:max-content}}@media screen and (max-width:576px){.workContainer{grid-template-columns:1fr}.workImg{width:100%}}@media screen and (max-width:350px){.workItem{font-size:var(--small-font-size)}.workFilters{-webkit-column-gap:.25rem;column-gap:.25rem}}.workItemModal{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.workItemModal.active{display:flex}.modalContent{background-color:#fff;border-radius:1rem;max-height:80vh;max-width:600px;overflow-y:auto;padding:20px;position:relative;width:100%}.modalContentHeader{display:flex;justify-content:space-between}.uil-times{cursor:pointer;font-size:25px}.modalImage{height:350px;margin-bottom:10px;object-fit:cover;width:100%}.modalContent h2{font-size:24px;margin-bottom:10px}.modalContent p{font-size:16px;margin-bottom:10px}.contactContainer{-webkit-column-gap:6rem;column-gap:6rem;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);justify-content:center;padding-bottom:3rem}.contactTitle{font-size:var(--h3-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb-1-5);text-align:center}.contactInfo{grid-row-gap:1rem;display:grid;grid-template-columns:300px;row-gap:1rem}.contactCard{background-color:var(--container-color);border:1px solid rgba(0,0,0,.1);border-radius:.75rem;padding:1rem;text-align:center}.contactCardIcon{color:var(--title-color);font-size:2rem;margin-bottom:var(--mb-0-25)}.contactCardData,.contactCardTitle{font-size:var(--small-font-size)}.contactCardTitle{font-weight:var(--font-medium)}.contactCardData{display:block;margin-bottom:var(--mb-0-75)}.contactButton{align-items:center;color:var(--text-color);-webkit-column-gap:.25rem;column-gap:.25rem;display:inline-flex;font-size:var(--small-font-size);justify-content:center}.contactButtonIcon{font-size:1rem;transition:.3s}.contactButton:hover .contactButtonIcon{-webkit-transform:translate(.25rem);transform:translate(.25rem)}.contactForm{width:360px}.contactFormDiv{height:4rem;margin-bottom:var(--mb-2);position:relative}.contactFormInput{background:none;border:2px solid rgba(0,0,0,.3);border-radius:.75rem;color:var(--text-color);height:100%;left:0;outline:none;padding:1.5rem;position:absolute;top:0;width:100%;z-index:1}.contactFormTag{background-color:var(--body-color);font-size:var(--smaller-font-size);left:1.25rem;padding:.25rem;position:absolute;top:-.75rem;z-index:10}.contactFormArea{height:11rem}.contactFormArea textarea{resize:none}@media screen and (max-width:992px){.contactContainer{-webkit-column-gap:3rem;column-gap:3rem}}@media screen and (max-width:768px){.contactContainer{grid-template-columns:1fr;row-gap:3rem}.contactInfo{justify-content:center}.contactForm{margin:0 auto}}@media screen and (max-width:576px){.contactInfo{grid-template-columns:1fr}.contactForm{width:100%}}.footer{background-color:var(--container-color);border-top:1px solid rgba(0,0,0,.1)}.footerContainer{padding:2rem 0 6rem}.footerLink,.footerTitle{color:var(--title-color)}.footerTitle{margin-bottom:var(--mb-2);text-align:center}.footerLink{color:var(--title-color-dark)}.footerList{-webkit-column-gap:1.5rem;column-gap:1.5rem;margin-bottom:var(--mb-2)}.footerList,.footerSocial{display:flex;justify-content:center}.footerSocial{-webkit-column-gap:1.125rem;column-gap:1.125rem}
/*# sourceMappingURL=main.185a42be.css.map*/