@font-face{font-family:__myFont_e2d6c5;src:url(/_next/static/media/c50ea06fa94c8ad4-s.p.woff) format("woff");font-display:swap}@font-face{font-family:__myFont_Fallback_e2d6c5;src:local("Arial");ascent-override:103.53%;descent-override:49.52%;line-gap-override:0.00%;size-adjust:108.47%}.__className_e2d6c5{font-family:__myFont_e2d6c5,__myFont_Fallback_e2d6c5}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}.bg_img{position:fixed;top:0;left:0;bottom:0;right:300px;z-index:-1}.bg_img:before{content:"";display:block;background:rgba(5,13,24,.5);width:100%;height:100%}.popup{background-color:#0c0c0c;border:1px solid #1aa37a;border-radius:10px;position:absolute;top:50%;right:50%;transform:translate(50%,-50%);padding:2.5rem 1rem;width:280px;color:#b0b2c3;text-align:center}.popup__btn{position:absolute;top:10px;right:10px;width:20px;height:20px;display:grid;place-content:center;cursor:pointer;background-color:#dc4c64;border:none;border-radius:50%}.popup__icon{font-size:2.5rem}.menu--toggler{display:none}.header{position:fixed;z-index:100000000;top:0;bottom:0;right:0;width:300px;background-color:#1c1d25;border-left:3px solid #1aa37a;padding:.5rem;transition:all .5s ease-in-out}.header__profile{text-align:center;margin-top:2rem}.header__profile__image{border-radius:50%;border:4px solid #1aa37a;width:150px;height:150px}.header__profile__title{background-color:#1aa37a;background-image:linear-gradient(45deg,#1aa37a,#9dffb3);background-size:100%;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;color:#fff;font-size:24px;opacity:.9}.header__profile__social{display:flex;align-items:center;justify-content:center;margin:1rem 0;gap:10px;font-size:1.5rem}.header__profile__social__links{color:#b0b2c3;transition:all .2s linear}.header__profile__social__links:hover{color:#1aa37a}.header__navbar{margin:1.5rem 3rem;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.header__navbar__item{cursor:pointer;border:none;background-color:transparent;color:#b0b2c3;font-size:1.1rem;transition:all .2s linear}.header__navbar__item:hover{color:#1aa37a}.home{width:100%}.home__header{color:#fff;height:100vh;display:grid;place-content:center}.home__header__title{margin:0 0 10px;font-size:2.5rem;line-height:3rem}.home__header__text{background-color:#1aa37a;background-image:linear-gradient(45deg,#1aa37a,#9dffb3);background-size:100%;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;font-size:1.6rem}.home__about{margin-right:300px;background-color:rgba(35,41,51,.6);color:#a1a3a8;padding:1rem}.home__about__title{background-color:#1aa37a;background-image:linear-gradient(45deg,#1aa37a,#9dffb3);background-size:100%;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;margin-bottom:1.5rem;font-size:2rem;position:relative}.home__about__title:before{content:"";background-color:#1aa37a;width:70px;height:5px;position:absolute;bottom:-.5rem}.home__about__profile{margin-top:2rem;display:flex;gap:20px}.home__about__profile__img{width:230px;height:230px;border-radius:5px}.home__about__profile__info__title{background-color:#1aa37a;background-image:linear-gradient(45deg,#1aa37a,#9dffb3);background-size:100%;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;font-size:1.5rem;position:relative}.home__about__profile__info__list{color:#a1a3a8;list-style:none;margin-top:1rem;margin-left:1rem;display:grid;grid-gap:10px;gap:10px}.home__about__profile__info__list__item__span{color:#e0e0e2}.home__about__skills{margin-top:1rem}.home__about__skills__title{background-color:#1aa37a;background-image:linear-gradient(45deg,#1aa37a,#9dffb3);background-size:100%;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;font-size:1.5rem;position:relative}.home__about__skills__list{margin-top:1rem;list-style:none;display:flex;gap:20px;flex-wrap:wrap}.home__about__skills__list__item{display:flex;flex-direction:column;width:100%;max-width:45%;min-width:100px}.home__about__skills__list__item__progress{background-color:#c0c2c5;width:100%;height:1rem;border-radius:2px;box-shadow:inset 0 2px 5px rgba(0,0,0,.25)}.home__about__skills__list__item__progress__bar{height:100%;background-color:#1aa37a;border-radius:2px;position:relative}.home__about__skills__list__item__progress__bar__percent{color:#0c0c0c;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem}.contact{width:calc(100% - 300px);margin-right:300px;color:#b0b2c3;padding:2rem}.contact__title{margin-bottom:2rem}.contact__title__header{background-color:#1aa37a;background-image:linear-gradient(45deg,#1aa37a,#9dffb3);background-size:100%;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.contact__title__subheader{font-size:1rem}.contact__form{max-width:30rem;display:flex;flex-direction:column;gap:1rem}.contact__form__btn{cursor:pointer;color:#0c0c0c;align-self:start;background-color:#1aa37a;background-image:linear-gradient(45deg,#1aa37a,#9dffb3);border:none;border-radius:5px;padding:.3rem 1rem}.contact__form__btn__loader{display:inline-block;width:50px;height:15px;display:grid;place-content:center}.contact__form__btn__loader:after{content:" ";display:block;width:15px;height:15px;border-radius:50%;border-color:#0c0c0c transparent;border-style:solid;border-width:2px;animation:lds-dual-ring 1.2s linear infinite}.contact__form__group{display:flex;flex-direction:column}.contact__form__group__input{background-color:rgba(35,41,51,.6);border:none;border-bottom:2px solid #1aa37a;border-radius:5px;padding:.3rem;color:#b0b2c3}.works{width:calc(100% - 300px);margin-right:300px;color:#b0b2c3;padding:2rem}.works__title{margin-bottom:2rem}.works__title__header{background-color:#1aa37a;background-image:linear-gradient(45deg,#1aa37a,#9dffb3);background-size:100%;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.works__title__subheader{font-size:1rem}.works__title__subheader__links{background-color:#1aa37a;background-image:linear-gradient(45deg,#1aa37a,#9dffb3);background-size:100%;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;text-decoration:none}.works__list{display:flex;gap:10px;flex-wrap:wrap}.works__list__item{background-color:rgba(35,41,51,.6);max-width:300px;width:250px;border-radius:5px;overflow:hidden}.works__list__item__image{width:100%;height:150px;overflow:hidden;position:relative}.works__list__item__info{margin:.5rem .3rem}.works__list__item__info__skills{font-size:.9rem;display:flex;gap:10px}.works__list__item__links{display:flex;align-items:center;justify-content:space-between}.works__list__item__links__cta{border:1px solid #1aa37a;text-decoration:none;color:#1aa37a;font-size:.8rem;padding:.3rem 1rem;border-radius:5px;margin:.3rem}.works__list__item__links__cta--demo{background-color:#1aa37a;background-image:linear-gradient(45deg,#1aa37a,#9dffb3);color:#0c0c0c;border:none}@media screen and (max-width:1200px){.bg_img{right:0}.menu--toggler{display:grid;place-content:center;font-size:1.5rem;position:fixed;right:1rem;top:1rem;z-index:100000000000000000;border:none;transition:all .4s;background-color:#1aa37a;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer}.header{right:-300px}.mobile--menu--open{right:0}.home__about{margin-left:0;margin-right:0}.contact{width:100%;margin-right:0}.contact__title{text-align:center}.contact__form{margin:0 auto}.works{width:100%;margin-right:0}.works__title{text-align:center}.works__list{justify-content:center}}@media only screen and (max-width:900px){.home__about{padding:1rem}.home__about__title{font-size:1.6rem}.home__about__title:before{width:50px;height:3px}.home__about__profile{margin-top:2rem;display:flex;gap:20px}.home__about__profile__img{width:200px;height:200px}.home__about__profile__info__title,.home__about__skills__title{font-size:1.2rem}.home__about__profile__info__list{margin-left:.8rem}.home__about__profile__info__list,.home__about__profile__info__text,.home__about__skills__list__item__title,.home__about__skills__sub--title,.home__about__sub--title{font-size:.9rem}}@media only screen and (max-width:650px){.home__header{display:flex;flex-direction:column;justify-content:center;align-items:center}.home__header__title{font-size:2rem}.home__header__text{font-size:20px}.home__about__profile__info__list,.home__about__profile__info__text,.home__about__skills__list__item__title,.home__about__skills__sub--title,.home__about__sub--title{font-size:.8rem}}@media only screen and (max-width:600px){.home__about__profile{flex-direction:column}.home__about__profile__info__list{margin-left:0}.home__about__skills__list__item{display:flex;flex-direction:column;width:100%}}@media screen and (max-width:450px){.works{padding:2rem .5rem}.works__title{text-align:center;margin-bottom:2rem}.works__title__header{font-size:1.2rem}.works__title__subheader{font-size:.8rem}.small-image{height:-moz-fit-content;height:fit-content}}@media screen and (max-width:400px){.header{right:-100%;width:100vw;border:none}.header__navbar{margin:1.5rem 0;align-items:center}.mobile--menu--open{right:0}}@media only screen and (max-width:340px){.home__header__title{font-size:1.5rem;line-height:1.2rem}.home__header__text{font-size:1rem}.contact{padding:1.3rem .5rem}.contact__title{text-align:center}.contact__title__header{background-color:#1aa37a;background-image:linear-gradient(45deg,#1aa37a,#9dffb3);background-size:100%;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;font-size:1.3rem}.contact__title__subheader{font-size:.8rem}.contact__form{margin:0 auto}}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}