@font-face{font-family:SourceCodePro;src:url(/font/SourceCodePro-VariableFont_wght.ttf)format("truetype")}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#7843e9;--color-secondary:#333;--color-accent:#111;--color-background-main:#fff;--color-background-light:#fafafa;--color-background-dark:#000;--color-background-gray:#f0f0f0;--color-background-hover:#7843e933;--color-text-primary:#333;--color-text-secondary:#555;--color-text-light:#eee;--color-text-dark:#111;--color-btn-primary:#7843e9;--color-btn-secondary:#fff;--color-btn-hover:#7843e933;--color-gradient-light:#f5f5f5cc}html{scroll-behavior:smooth;font-size:62.5%}@media only screen and (max-width:75em){html{font-size:59%}}@media only screen and (max-width:56.25em){html{font-size:56%}}@media only screen and (min-width:112.5em){html{font-size:65%}}body{color:#111;background:#fff;font-family:SourceCodePro,sans-serif;line-height:1.5;position:relative;overflow:hidden scroll}a{color:inherit;text-decoration:none}li{list-style:none}input:focus,button:focus,a:focus,textarea:focus{outline:none}button{cursor:pointer;background:0 0;border:none}textarea{resize:none}.header{z-index:1000;background:var(--color-btn-secondary);width:100%;position:fixed;box-shadow:0 10px 100px #0000001a}.header__content{justify-content:space-between;align-items:center;padding:1.5rem 5rem;display:flex}@media only screen and (max-width:56.25em){.header__content{padding:1.5rem 2rem}}.header__branding{cursor:pointer;color:var(--color-text-primary);align-items:center;transition:color .3s;display:flex}.header__logo{background:#7843e9;border-radius:50%;flex-shrink:0;width:5rem;height:5rem;margin-right:1.5rem;overflow:hidden}@media only screen and (max-width:56.25em){.header__logo{width:4.5rem;height:4.5rem;margin-right:1.2rem}}.header__logo-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.header__name{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:1px;font-size:1.8rem;font-weight:700}.header__name:hover{color:var(--color-primary)}.header__nav{align-items:center;display:flex}.header__menu{margin:0;padding:0;display:flex}.header__menu-item{list-style:none}.header__menu-link{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:1px;padding:2.2rem 3rem;font-size:1.6rem;font-weight:700;display:inline-block}@media only screen and (max-width:56.25em){.header__menu-link{padding:2rem 1.8rem;font-size:1.5rem}}.header__menu-link:hover{color:#7843e9;transition:color .3s}.header__burger{color:var(--color-text-primary);padding:.5rem;font-size:3rem;line-height:1;display:none}.header__mobile-content{background:#fff;width:100%;transition:all .3s;position:absolute;top:100%;left:0;box-shadow:0 5px 5px #0000001a}.mobile-menu-visible{visibility:visible;opacity:1;pointer-events:auto}.mobile-menu-hidden{visibility:hidden;opacity:0;pointer-events:none}.header__mobile-menu{flex-direction:column;padding:1rem 2rem 2rem;display:flex}.header__mobile-menu li{border-top:1px solid #eee}.header__mobile-menu a{color:#333;text-transform:uppercase;letter-spacing:1px;text-align:right;padding:1.8rem 0;font-size:1.7rem;font-weight:700;display:block}.header__mobile-menu a:hover{color:var(--color-primary)}@media only screen and (max-width:37.5em){.header__menu{display:none}.header__burger{display:block}.header__name{font-size:1.6rem}.header__content{padding:1.2rem 1.6rem}}.intro{color:var(--color-background-main);background:linear-gradient(to right,var(--color-gradient-light),var(--color-gradient-light)),url(/img/common-bg.svg);background-position:50%;background-size:cover;height:100vh;min-height:80rem;max-height:120rem;position:relative}@media only screen and (max-width:37.5em){.intro{height:unset;min-height:unset}}.intro__content{width:92%;max-width:90rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (max-width:37.5em){.intro__content{margin:auto;padding:19rem 0 13rem;position:static;transform:translate(0)}}.intro__title{text-transform:uppercase;letter-spacing:3px;text-align:center;color:var(--color-text-dark);font-size:6rem;font-weight:800}@media only screen and (max-width:37.5em){.intro__title{font-size:4.5rem}}.intro__description{max-width:80rem;margin:3rem auto 0}.intro__description-txt{color:#333;text-align:center;width:100%;font-size:2.2rem;line-height:1.6}@media only screen and (max-width:37.5em){.intro__description-txt{font-size:2rem}}.intro__cta{text-align:center;margin-top:5rem}.intro__cta-link{color:#fff;text-transform:uppercase;letter-spacing:1px;background:#7843e9;border-radius:5px;padding:1.5rem 8rem;font-size:2rem;font-weight:700;transition:transform .3s;display:inline-block;box-shadow:0 5px 15px #00000026}.intro__socials{background:var(--color-background-main);padding:.5rem;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 7px 29px #64646f33}@media only screen and (max-width:56.25em){.intro__socials{display:none}}.intro__social-item{width:5rem}.intro__social-link{border-radius:5px;padding:1rem;transition:background .3s;display:block}.intro__social-icon{width:100%;display:block}.intro__social-link:hover{background:var(--color-background-hover)}.intro__animation{position:absolute;bottom:3%;left:50%;transform:translate(-50%)}@media only screen and (max-width:37.5em){.intro__animation{display:none}}.intro__animation-item{border:2px solid #333;border-radius:60px;width:25px;height:40px;position:relative;overflow:hidden}.intro__animation-item:before{content:"";opacity:1;background-color:#333;border-radius:50%;width:5px;height:5px;animation:1.3s infinite wheel;position:absolute;top:7px;left:50%;transform:translate(-50%)}@keyframes wheel{to{opacity:0;top:27px}}.about{background:#fafafa;padding:12rem 0}@media only screen and (max-width:56.25em){.about{padding:8rem 0}}.about__container{width:92%;max-width:120rem;margin:auto}.about__title-main{text-transform:uppercase;letter-spacing:3px;text-align:center;color:#111;margin-bottom:3.5rem;font-size:4rem;display:block;position:relative}.about__title-main:after{content:"";background:#7843e9;border-radius:5px;width:3rem;height:5px;position:absolute;top:calc(100% + 1.5rem);left:50%;transform:translate(-50%)}.about__title-sub{text-align:center;color:#555;max-width:80rem;margin:auto;font-size:2rem;font-weight:500;line-height:1.6;display:block}.about__content{grid-template-columns:1fr 1fr;gap:10rem;margin-top:9rem;display:grid}@media only screen and (max-width:56.25em){.about__content{grid-template-columns:1fr;gap:8rem}}.about__subtitle{margin-bottom:3rem;font-size:2.8rem;font-weight:700}.about__text{color:#666;max-width:60rem;margin-bottom:1rem;font-size:1.8rem;line-height:1.7}.about__link{color:#7843e9;margin:0 3px;font-weight:700;text-decoration:underline}.about__cta{color:#fff;text-transform:uppercase;letter-spacing:1px;background:#7843e9;border-radius:5px;margin-top:2rem;padding:1.5rem 5rem;font-size:1.6rem;font-weight:700;transition:transform .3s;display:inline-block;box-shadow:0 5px 15px #00000026}.about__skills-list{flex-wrap:wrap;display:flex}.about__skill{color:#666;background:#9993;border-radius:5px;margin-bottom:1.5rem;margin-right:1.5rem;padding:1rem 2rem;font-size:1.6rem;font-weight:600}.projects{padding:12rem 0}@media only screen and (max-width:56.25em){.projects{padding:8rem 0}}.projects__container{width:92%;max-width:120rem;margin:auto}.projects__title{margin-bottom:11rem}.projects__title-main{text-transform:uppercase;letter-spacing:3px;text-align:center;color:#111;margin-bottom:3.5rem;font-size:4rem;display:block;position:relative}.projects__title-main:after{content:"";background:#7843e9;border-radius:5px;width:3rem;height:5px;position:absolute;top:calc(100% + 1.5rem);left:50%;transform:translate(-50%)}.projects__title-sub{text-align:center;color:#555;max-width:80rem;margin:auto;font-size:2rem;font-weight:500;line-height:1.6;display:block}.projects__list{margin-top:11rem}.projects__item{grid-gap:5rem;grid-template-columns:1.5fr 1fr;margin-bottom:11rem;display:grid}@media only screen and (max-width:56.25em){.projects__item{grid-gap:2rem;text-align:center;grid-template-columns:1fr;margin-bottom:8rem}}.projects__image-wrapper{overflow:hidden}.projects__image{object-fit:cover;width:100%;display:block}.projects__details{flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem 0;display:flex}@media only screen and (max-width:56.25em){.projects__details{align-items:center}}.projects__name{margin-bottom:2rem;font-size:2.8rem;font-weight:700}.projects__description{color:#666;text-align:justify;max-width:60rem;margin-bottom:3rem;font-size:1.8rem;line-height:1.7}.projects__link{color:#fff;text-transform:uppercase;letter-spacing:1px;background:#7843e9;border-radius:5px;padding:1.5rem 5rem;font-size:1.6rem;font-weight:700;transition:transform .3s;display:inline-block;box-shadow:0 5px 15px #00000026}.projects__link--disabled{color:#eee;cursor:not-allowed;pointer-events:none;box-shadow:none;opacity:.7;background:#bbb}.contact{background-color:#0000;background-image:linear-gradient(90deg,#f5f5f5cc,#f5f5f5cc),url(/img/common-bg.svg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:12rem 0}@media only screen and (max-width:56.25em){.contact{padding:8rem 0}}.contact__container{width:92%;max-width:120rem;margin:auto}.contact__title{margin-bottom:9rem}.contact__title-main{color:#111;text-transform:uppercase;letter-spacing:3px;text-align:center;margin-bottom:3.5rem;font-size:4rem;font-weight:800;display:block;position:relative}.contact__title-main:after{content:"";background:#7843e9;border-radius:5px;width:3rem;height:5px;position:absolute;top:calc(100% + 1.5rem);left:50%;transform:translate(-50%)}.contact__title-sub{color:#333;text-align:center;max-width:80rem;margin:auto;font-size:2rem;font-weight:500;line-height:1.6;display:block}.contact__form-wrapper{text-align:right;background:#fff;border-radius:5px;width:95%;max-width:80rem;margin:5rem auto 0;padding:4rem;box-shadow:0 7px 29px #64646f33}@media only screen and (max-width:37.5em){.contact__form-wrapper{padding:3rem 2rem}}.contact__field{margin-bottom:4rem}.contact__label{color:#666;letter-spacing:1px;text-align:left;margin-bottom:1rem;font-size:1.4rem;font-weight:700;display:block}.contact__input,.contact__textarea{color:#333;background:#f0f0f0;border:1px solid #ebebeb;border-radius:5px;width:100%;padding:2rem;font-size:1.6rem;font-weight:600}.contact__button{color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#7843e9;border:none;border-radius:5px;width:30%;padding:2rem 4rem;font-size:1.6rem;font-weight:700;transition:transform .3s;display:inline-block;box-shadow:0 5px 15px #00000026}@media only screen and (max-width:37.5em){.contact__button{width:100%}}.footer{color:#fff;background:#000}.footer__container{width:92%;max-width:120rem;margin:auto}.footer__content{justify-content:space-between;align-items:flex-start;gap:4rem;padding:8rem 0;display:flex}@media only screen and (max-width:37.5em){.footer__content{flex-direction:column;gap:4rem}}.footer__social{order:2}.footer__title{text-transform:uppercase;letter-spacing:1px;font-size:2.2rem}.footer__title-main{display:inline-block}.footer__social-links{gap:1rem;margin-top:2rem;display:flex}.footer__social-link{color:inherit;text-decoration:none}.footer__social-icon{width:2.5rem;display:block}.footer__about{order:1;width:40%;max-width:50rem}@media only screen and (max-width:56.25em){.footer__about{width:100%}}.footer__name{text-transform:uppercase;letter-spacing:1px;font-size:2.2rem}.footer__description{color:#eee;margin-top:2rem;font-size:1.5rem;line-height:1.7}.footer__bottom{color:#eee;text-align:center;border-top:1px solid #444;padding:4rem 0;font-size:1.2rem}.footer__credit-link{color:inherit;margin-left:2px;font-weight:700;text-decoration:underline}.contact__button:hover,.intro__cta-link:hover,.projects__link:hover,.about__cta:hover{transform:translateY(-3px)}