@import url(https://fonts.googleapis.com/css2?family=Dosis:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}body{background-color:#010208;font-family:Dosis,sans-serif;font-weight:500;line-height:1}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:#010208}body::-webkit-scrollbar-thumb{background-color:#fff;border:3px solid #090e16;border-radius:20px}html{font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth}li{list-style-type:none}section{padding:9.6rem 4.2rem}.button,.button:link,.button:visited{border:none;border-radius:9px;cursor:pointer;display:inline-block;font-family:inherit;font-size:2.2rem;font-weight:600;padding:1.6rem 3.2rem;text-align:center;text-decoration:none;transition:all .3s}.button--full:link,.button--full:visited{background-color:#7b4ae2;color:#fff;width:25rem}.button--full:active,.button--full:hover{background-color:#090e16;box-shadow:inset 0 0 0 3px #fff;color:#fff}.button--outline:link,.button--outline:visited{background-color:#fff;color:#555;width:25rem}.button--outline:active,.button--outline:hover{background-color:#fdf2e9;box-shadow:inset 0 0 0 3px #fff;color:#090e16}.center-text{text-align:center}.container{margin:0 auto;max-width:140rem;padding:0 3.2rem}.grid{grid-column-gap:6.4rem;grid-row-gap:9.6rem;-webkit-column-gap:6.4rem;column-gap:6.4rem;display:grid;row-gap:9.6rem}.grid--center-v{align-items:center}.grid--2-cols{grid-template-columns:repeat(2,1fr)}.grid--3-cols{grid-template-columns:repeat(3,1fr)}.grid--4-cols{gap:5rem 2rem;grid-template-columns:repeat(4,1fr)}.grid--5-cols{grid-template-columns:repeat(5,1fr)}.heading-primary{font-size:8rem;line-height:1.05;margin-bottom:3rem}.heading-secondary{font-size:4.4rem;line-height:1.2;margin-bottom:9.6rem}.heading-tertiary{font-size:3rem;line-height:1.2;margin-bottom:3.2rem}.heading-primary,.heading-secondary,.heading-tertiary{color:#fff;font-weight:700;letter-spacing:-.5px}.margin-bottom-lg{margin-bottom:9.6rem}.margin-right-sm{margin-right:1rem}.opacity-0{opacity:0!important}.opacity-1{opacity:1!important}.header{align-items:center;background-color:#010208;box-shadow:0 0 5px 0 hsla(0,0%,39%,.5);display:flex;filter:alpha(opacity=80);height:6.5rem;justify-content:space-between;padding:0 4.8rem;position:fixed;text-transform:uppercase;top:0;width:100%;z-index:1}.button-navigation-mobile{background:none;border:none;cursor:pointer;display:none}.icon-navigation-mobile ion-icon{color:#fff;height:4.8rem;width:4.8rem}.icon-navigation-mobile ion-icon[name=close-outline]{display:none}.logo{border-radius:9px;color:#fff;font-size:1.2rem;padding:1rem;text-decoration:none;transition:all .3s}.main-navigation-list{align-items:center;display:flex;gap:4.8rem;list-style:none}.main-navigation-list li{opacity:0}.main-navigation-link--opacity{opacity:1!important}.main-navigation-link:link,.main-navigation-link:visited{border-radius:5px;color:#fff;display:inline-block;font-size:1.6rem;font-weight:500;text-decoration:none;transition:all .3s}.main-navigation-link:active,.main-navigation-link:hover{color:#7b4ae2}.main-navigation-link.navigation-cta:link,.main-navigation-link.navigation-cta:visited{background-color:#7b4ae2;border-radius:9px;color:#fff;padding:1.2rem 2.4rem}.main-navigation-link.navigation-cta:active,.main-navigation-link.navigation-cta:hover{background-color:#090e16;box-shadow:0 0 0 3px #fff}.animation-links{-webkit-animation:linksAnim .8s ease-in forwards;animation:linksAnim .8s ease-in forwards}@-webkit-keyframes linksAnim{0%{opacity:0;-webkit-transform:translateY(-80px);transform:translateY(-80px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes linksAnim{0%{opacity:0;-webkit-transform:translateY(-80px);transform:translateY(-80px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.section-hero{background-color:#010208;display:flex;flex-direction:column;height:100vh}.hero{display:flex;margin:auto;max-width:90rem;padding:0 4.2rem;position:relative;text-align:start}.hero-paragraph{color:#7b4ae2;font-size:2.5rem;margin-bottom:3rem}.hero-typing{color:#8892b0;font-size:3.5rem;margin-bottom:2.8rem}.hero-description,.hero-typing{display:flex;gap:6px;line-height:1.6}.hero-description{color:#fff;font-size:2.2rem;margin-bottom:4rem}.container-links{bottom:0;left:40px;position:fixed;width:40px;z-index:10}.links-list{list-style:none;margin:0;padding:0}.links-list:after{background-color:#fff;content:"";display:block;height:90px;margin:0 auto;padding-top:10px;width:1px}.links-list li{display:block}.links-list li a{background-color:inherit;display:flex;justify-content:center;padding:10px;text-decoration:none}.socials-icon{border-radius:9px;font-size:2.2rem;transition:all .3s}.socials-icon:last-child{margin-bottom:15px}.socials-icon:hover{cursor:pointer;-webkit-transform:translateY(-5%);transform:translateY(-5%)}.socials-icon svg{color:#fff;padding-top:.4rem;width:30px}.container-email{bottom:0;left:auto;position:fixed;right:40px;width:40px;z-index:10}.socials-email{-webkit-box-align:center;align-items:center;display:flex;flex-direction:column;position:relative}.socials-email a{letter-spacing:2px;margin:20px auto;padding:10px;writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl}.socials-email:after{background-color:#fff;content:"";display:block;height:90px;margin:0 auto;padding-top:10px;width:1px}.email{font-size:1.5rem;font-weight:300}.arrow-down{color:#fff;display:flex;font-size:2.8rem;margin:0 auto;padding-bottom:1rem}.arrow-down ion-icon{border-radius:9px;color:#fff;padding:1rem;transition:all .3s}.arrow-down ion-icon:hover{box-shadow:0 0 0 3px #fff;cursor:pointer}.fadeUp{opacity:0}.hero-animation{-webkit-animation:heroAnim .6s ease forwards;animation:heroAnim .6s ease forwards}@-webkit-keyframes heroAnim{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes heroAnim{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.section-animation,.section-animation--hero{-webkit-animation:fadeInDown .5s ease-in forwards;animation:fadeInDown .5s ease-in forwards;opacity:0}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(190px);transform:translateY(190px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(190px);transform:translateY(190px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#socials{-webkit-animation:animation .5s ease;animation:animation .5s ease}@-webkit-keyframes animation{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes animation{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.subheading{color:#a071ff;display:block;font-size:1.6rem;font-weight:500;letter-spacing:1px;margin-bottom:1.6rem;text-transform:uppercase}.about-description{color:#fff;font-size:2.2rem;font-weight:400;line-height:1.4}.about-description-text{font-size:2.2rem;padding:1rem 0}.about-description-text b{font-weight:500}.skill{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:1.6rem;opacity:0}.skill-name{padding-top:1.2rem}.up-animation{-webkit-animation:aboutAnim .8s ease-in forwards;animation:aboutAnim .8s ease-in forwards;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes aboutAnim{0%{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes aboutAnim{0%{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.grid-projects-text-first{align-items:center;display:flex;grid-template-columns:1fr 2fr;justify-content:center}.grid-projects-image-first{grid-template-columns:2fr 1fr}.grid-projects-padding{padding:9.6rem 4rem}.step-number{color:#ddd;font-size:8.6rem;font-weight:600;margin-bottom:3.2rem}.step-tittle{transition:all .3s}.step-tittle:hover{color:#7b4ae2;cursor:pointer}.step-description{color:#fff;font-size:2.2rem;line-height:1.6;margin-bottom:1rem}.step-image-box{align-items:center;display:flex;justify-content:center;position:relative}.step-image-box:before{background-color:initial;border:4px solid #7b4ae2;border-radius:20px;content:"";display:block;height:100%;left:50%;position:absolute;top:50%;transition:all .3s;width:100%;z-index:-2}.step-image-box-text-first:before{-webkit-transform:translate(-47%,-44%);transform:translate(-47%,-44%)}.step-image-box-text-first:hover:before{-webkit-transform:translate(-48%,-46%);transform:translate(-48%,-46%)}.step-image-box-image-first:before{-webkit-transform:translate(-53%,-44%);transform:translate(-53%,-44%)}.step-image-box-image-first:hover:before{-webkit-transform:translate(-52%,-46%);transform:translate(-52%,-46%)}.step-image{border-radius:10px;transition:all .2s}.step-image:hover{cursor:pointer}.step-image,.step-image-box{width:76rem}.technology-used{color:#fff;font-size:2.6rem}.left-right-animation{-webkit-animation:leftRight-animation 1s ease forwards;animation:leftRight-animation 1s ease forwards}@-webkit-keyframes leftRight-animation{0%{opacity:0;-webkit-transform:translateX(-30%);transform:translateX(-30%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes leftRight-animation{0%{opacity:0;-webkit-transform:translateX(-30%);transform:translateX(-30%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.right-left-animation{-webkit-animation:rightLeft-animation 1s ease forwards;animation:rightLeft-animation 1s ease forwards}@-webkit-keyframes rightLeft-animation{0%{opacity:0;-webkit-transform:translateX(30%);transform:translateX(30%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes rightLeft-animation{0%{opacity:0;-webkit-transform:translateX(30%);transform:translateX(30%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.grid-github{gap:1.8rem}.github-projects{border-radius:12px;box-shadow:0 0 0 3px hsla(0,0%,100%,.2);color:#616060;opacity:0;transition:all .4s}.github-projects:hover{box-shadow:0 0 0 3px hsla(0,0%,100%,.5);color:#fff;cursor:pointer;-webkit-transform:translateY(-.6rem);transform:translateY(-.6rem)}.github-projects a{color:inherit;text-decoration:inherit}.github-projects-content{padding:3.2rem}.github-projects-title{font-size:2.4rem;font-weight:600;margin-bottom:1.2rem}.github-projects-last-update{font-size:1.4rem;font-weight:600;margin-bottom:3rem}.tag li{border-radius:100px;display:inline-block;font-size:1.2rem;font-weight:600;padding-right:1.2rem;text-transform:uppercase}.contact{padding-bottom:4.8rem}.contact-description{color:#fff;font-size:2.2rem;font-weight:300;line-height:1.6;text-align:justify}.contact-description-text{padding:1rem 0}.section-blog{background-color:#090e16;display:flex;flex-direction:column;margin:0 auto;max-width:140rem;padding-top:17.6rem}.featured{display:flex;gap:4rem}.featured--project-image{display:inline-block;position:relative}.featured--project-info{display:flex;flex-direction:column;gap:20px}.technologies{display:flex;gap:16px;margin-bottom:20px}.tech{color:#a071ff;font-size:1.8rem}.project-title{color:#fff;font-size:4.4rem;font-weight:400}.project-description{color:#fff;font-size:2rem;font-weight:400;line-height:1.4}.button--read{margin-top:auto}.all-projects{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);padding:5rem 0}.project-card{background-color:#fff;border:1px solid #fff;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .4s}.project-card:hover{-webkit-transform:translateY(-.8rem);transform:translateY(-.8rem)}.project-image{object-fit:cover}.project-content{background-color:#090e16;height:180px;padding:2rem}.project-content--name{color:#fff;font-size:2.5rem;font-weight:600;margin-bottom:2rem}.project-content--description{color:#fff;font-size:1.6rem;font-weight:400;line-height:1.4}.copyright{color:#767676;font-size:1.4rem;line-height:1.6;margin-bottom:3rem}.footer{align-items:center;padding-bottom:4.8rem}.footer-logo{margin-bottom:3.2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.logo-column{display:flex;flex-direction:column}@media (max-width:1595px){.container-links{left:4px}.container-email,.container-links{bottom:0;position:fixed;width:40px;z-index:10}.container-email{left:auto;right:2px}}@media (max-width:1366px){html{font-size:56.25%}.grid-projects-padding{padding:9.6rem 4.8rem}}@media (max-width:1230px){html{font-size:50%}.grid-projects-padding{padding:9.6rem 5.5rem}}@media (max-width:998px){section{padding:9.6rem 7.2rem}.container-email,.container-links{display:none}.grid--3-cols,.grid--4-cols{grid-template-columns:repeat(2,1fr)}.grid-about{grid-template-columns:1fr 1fr}.grid-projects-image-first,.grid-projects-text-first{display:grid;grid-template-columns:repeat(1,1fr)}.grid-projects-img{grid-row:2}.heading-secondary{font-size:3.4rem}.heading-tertiary{font-size:4rem}.main-navigation-link:link,.main-navigation-link:visited{font-size:1.8rem}.step-description{font-size:2.5rem}.step-text-box i{font-size:3.2rem}.step-image-box:nth-child(2){grid-row:1}.step-image-box:nth-child(6){grid-row:5}.step-image,.step-image-box{width:100%}.hero-socials{display:none}.button-navigation-mobile{display:block;z-index:9999}.main-navigation{align-items:center;background-color:rgba(9,14,22,.98);display:flex;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .5s ease-in;visibility:hidden;width:100%}.main-navigation-list{flex-direction:column;gap:8rem}.nav-open .main-navigation{opacity:1;pointer-events:auto;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}.nav-open .icon-navigation-mobile ion-icon[name=close-outline]{display:block}.nav-open .icon-navigation-mobile ion-icon[name=menu-outline]{display:none}.show-socials{display:block!important;z-index:9999}.skill img{max-width:82px}}@media (max-width:850px){.grid-about{grid-template-columns:repeat(1,1fr)}.grid--4-cols{grid-template-columns:repeat(4,1fr)}}@media (max-width:748px){html{font-size:47%}section{padding:9.6rem 5.8rem}.about-description-text,.contact-description{font-size:2.4rem}.skill-name{font-size:1.8rem}.step-description{font-size:2.4rem}.main-navigation-link:link{font-size:2.1rem}}@media (max-width:684px){html{font-size:42%}.grid--3-cols{grid-template-columns:repeat(1,1fr)}.heading-primary{font-size:4rem}.main-navigation-link.navigation-cta:link{padding:1.6rem 3.2rem}.step-description{font-size:2.2rem}.section-animation--hero{-webkit-animation:none;animation:none;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:542px){section{padding:9.6rem .5rem}.about-skills img{max-width:8rem}.buttons-hero{align-items:center;display:flex;flex-direction:row;gap:1rem}.header{height:8.8rem}.margin-right-sm{margin:0}.section-animation--hero{-webkit-animation:none;animation:none;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:424px){.buttons-hero{justify-content:space-between}}@media screen and (max-width:998px){.section-animation,.section-animation--hero{-webkit-animation:fadeInDown .5s ease forwards;animation:fadeInDown .5s ease forwards;opacity:0}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.left-right-animation{-webkit-animation:leftRight-animation .5s ease forwards;animation:leftRight-animation .5s ease forwards}@-webkit-keyframes leftRight-animation{0%{opacity:0}to{opacity:1}}@keyframes leftRight-animation{0%{opacity:0}to{opacity:1}}.right-left-animation{-webkit-animation:rightLeft-animation .5s ease forwards;animation:rightLeft-animation .5s ease forwards}@-webkit-keyframes rightLeft-animation{0%{opacity:0}to{opacity:1}}@keyframes rightLeft-animation{0%{opacity:0}to{opacity:1}}}
/*# sourceMappingURL=main.1c951e45.css.map*/