@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900";@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900";.aboutitem{width:320px;height:220px;padding:60px 20px 20px;background:var(--white);box-shadow:4px 6px 14px 1px #0000000d;border-radius:15px;margin-right:30px;margin-top:30px;transition:.3s ease-in-out}.aboutitem:nth-last-child(){margin-right:0}.aboutitem__top{display:flex;align-items:center}.aboutitem__top__icon{background-color:var(--dark-main);width:54px;height:54px;margin-right:10px;border-radius:30px;display:flex;align-items:center;justify-content:center}.aboutitem__top__name{font-weight:600;font-size:20px;font-family:var(--outfit);color:var(--dark-main)}.aboutitem__text{margin-top:20px;font-weight:500;font-size:13px;font-family:var(--poppins);color:var(--gray-alt)}@media screen and (max-width: 600px){.aboutitem{margin-right:0}.aboutitem{padding:60px 30px 30px;height:220px}}@media screen and (max-width: 390px){.aboutitem{width:100%;padding:60px 15px 15px}.aboutitem__top__icon{height:44px;width:44px}.aboutitem__top__icon>img{width:26px}.aboutitem__top__name{font-size:17px}.aboutitem__text{margin-top:10px;font-size:14px}}@media screen and (max-width: 330px){.aboutitem{width:100%;padding:60px 15px 15px;height:220px}.aboutitem__top__icon{height:40px;width:40px}.aboutitem__top__icon>img{width:22px}.aboutitem__top__name{font-size:14px}.aboutitem__text{margin-top:10px;font-size:12px}}@media screen and (max-width: 230px){.aboutitem{width:100%;padding:50px 15px 15px;height:200px}.aboutitem__top__icon{height:30px;width:30px}.aboutitem__top__icon>img{width:16px}.aboutitem__top__name{font-size:11px}.aboutitem__text{margin-top:10px;font-size:9px}}.about{padding:200px 20px 80px;background-color:var(--gray-bg);transition:.3s ease-in-out}.about__title{padding:0 40px;width:100%;text-align:center;font-family:var(--outfit);font-weight:600;font-size:40px;color:var(--dark-main)}.about__qualities{display:flex;flex-wrap:wrap;justify-content:center;margin-top:8rem;margin-bottom:2rem}@media screen and (max-width: 1000px){.about__title{font-size:32px}.about{padding-top:120px}.about__qualities{margin-top:6rem}}@media screen and (max-width: 800px){.about__title{font-size:28px}.about{padding-top:100px}.about__qualities{margin-top:4rem}}@media screen and (max-width: 600px){.about__title{font-size:24px}.about{padding-top:80px}}@media screen and (max-width: 480px){.about__title{font-size:20px}}@media screen and (max-width: 400px){.about__title{font-size:16px}}@media screen and (max-width: 360px){.about__title{font-size:13px}}:root{--dark-main: #2D2E32;--dark-alt: #282828;--gray-main: #929292;--gray-alt: #767676;--gray-bg: #F9F8FE;--white: #FFFFFF;--blue: #117AEB;--red: #FF3C3C;--inter: "Inter", sans-serif;--lato: "Lato", sans-serif;--outfit: "Outfit", sans-serif;--poppins: "Poppins", sans-serif;--quicksand: "Quicksand", sans-serif;--roboto: "Roboto", sans-serif}*{margin:0;padding:0;outline:none;box-sizing:border-box}.app{width:100%}.app:scrollbar-thumb{background-color:#000}.contact{background-color:var(--gray-bg);padding:120px calc(50% - 500px) 80px calc(50% - 500px)}.contact__title{font-family:var(--outfit);font-weight:600;font-size:40px;color:var(--dark-main)}.contact__description{margin-top:15px;font-family:var(--outfit);font-weight:400;font-size:22px;color:var(--gray-alt)}.contact__links{width:100%;display:flex;align-items:center;justify-content:center;margin-top:80px}.contact__links__item{display:flex;align-items:center;margin-right:130px}.contact__links__item:nth-child(2){margin-right:0}.contact__links__item__icon{height:80px;width:80px;border-radius:80px;background-color:var(--white);box-shadow:2px 2px 8px 2px #00000017;display:flex;align-items:center;justify-content:center}.contact__links__item__details{margin-left:20px}.contact__links__item__details>h3{font-weight:600;font-size:24px;font-family:var(--poppins);color:var(--dark-main);margin-bottom:6px}.contact__links__item__details>a{font-weight:400;font-size:18px;font-family:var(--poppins);color:var(--gray-alt);text-decoration:none}.contact__links__item__details>a:hover{color:var(--blue)}@media screen and (max-width: 1200px){.contact{padding-top:120px;width:100%}.contact__title,.contact__description{padding-left:80px}}@media screen and (max-width: 1000px){.contact__links{padding:0 80px}.contact__links__item{width:48%;margin-right:10px}.contact__links__item:nth-last-child(){margin:0}}@media screen and (max-width: 850px){.contact__links__item__icon{width:66px;height:66px}.contact__links__item__icon>img{height:30px}.contact__links__item__details{margin-left:20px}.contact__links__item__details>h3{font-size:20px}.contact__links__item__details>a{font-size:16px}.contact{padding-top:80px;width:100%;padding-left:0}.contact__title,.contact__description{padding-left:50px}.contact__links{padding:0 50px}}@media screen and (max-width: 850px){.contact{padding-top:80px;width:100%;padding-left:0}.contact__title,.contact__description{padding-left:50px}.contact__title{font-size:32px}.contact__description{margin-top:15px;font-size:16px}}@media screen and (max-width: 670px){.contact__links{margin-top:40px;flex-direction:column;align-items:flex-start}.contact__links__item{margin-top:30px;width:100%}}@media screen and (max-width: 400px){.contact{padding-top:80px;width:100%;padding-left:0}.contact__title,.contact__description{padding-left:30px}.contact__links{margin-top:40px;padding:0 30px}}@media screen and (max-width: 300px){.contact__title{font-size:24px}.contact__description{margin-top:12px;font-size:12px}.contact__links__item__details>h3{font-size:14px}.contact__links__item__details>a{font-size:12px}.contact__links__item__icon{width:50px;height:50px}.contact__links__item__icon>img{height:22px}}@media screen and (max-width: 270px){.contact__title{font-size:20px}.contact__description{margin-top:12px;font-size:10px}.contact__links{margin-top:10px}.contact__links__item__details{margin-left:15px}.contact__links__item__details>h3{font-size:10px}.contact__links__item__details>a{font-size:8px}.contact__links__item__icon{width:40px;height:40px}.contact__links__item__icon>img{height:18px}.contact__title,.contact__description{padding-left:20px}.contact__links{padding:0 20px}}.footer{padding-top:40px;padding-bottom:20px;background-color:var(--white);width:100%;display:flex;align-items:center;flex-direction:column}.footer__text{font-family:var(--quicksand);font-weight:500;font-size:34px;margin-top:30px;width:700px;text-align:center;color:var(--dark-main)}.footer__logo{margin-top:60px;font-size:70px;font-weight:700;color:var(--dark-main);font-family:var(--outfit)}.footer__logo>span{font-size:100px;font-weight:700;color:var(--red);line-height:30px}.footer__links{margin-top:60px;display:flex;align-items:center}.footer__links>a>img{margin-right:15px;width:20px}.footer__copyright{margin-top:30px;font-family:var(--outfit);font-weight:300;font-size:15px;color:var(--dark-main)}@media screen and (max-width: 900px){.footer__text{font-size:30px;margin-top:40px;width:80%}.footer__logo{margin-top:50px;font-size:60px}.footer__logo>span{font-size:90px}.footer__links{margin-top:70px}.footer__links>a>img{margin-right:15}}@media screen and (max-width: 680px){.footer__text{font-size:26px;margin-top:30px;width:80%}.footer__logo{margin-top:40px;font-size:50px}.footer__logo>span{font-size:80px}.footer__links{margin-top:60px}}@media screen and (max-width: 540px){.footer__text{font-size:20px;margin-top:30px;width:90%}.footer__logo{margin-top:40px;font-size:40px}.footer__logo>span{font-size:60px}.footer__links{margin-top:50px}}@media screen and (max-width: 490px){.footer__text{font-size:20px;margin-top:10px;width:90%}.footer__logo{margin-top:30px;font-size:36px}.footer__logo>span{font-size:54px}.footer__links{margin-top:40px}}@media screen and (max-width: 370px){.footer__text{font-size:16px;margin-top:10px;width:90%}.footer__logo{margin-top:30px;font-size:32px}.footer__logo>span{font-size:50px}.footer__links{margin-top:40px}.footer__copyright{font-size:14px}}@media screen and (max-width: 300px){.footer__text{font-size:12px;margin-top:10px;width:90%}.footer__logo{margin-top:30px;font-size:28px}.footer__logo>span{font-size:46px}.footer__links{margin-top:40px}.footer__copyright{font-size:12px}}.home{padding-top:80px;height:100vh;min-height:700px;display:flex;align-items:center;justify-content:center}.home__body{display:flex;align-items:center}.home__body__left{max-width:500px;margin-left:20px}.home__body__left__title{font-family:var(--outfit);font-weight:700;font-size:44px;color:var(--dark-main)}.home__body__left__text{margin-top:32px;font-family:var(--inter);font-weight:500;font-size:20px;color:var(--gray-main)}.home__body__left__links{margin-top:32px;display:flex;align-items:center}.home__body__left__links>h3{font-family:var(--inter);font-weight:500;color:var(--dark-main);font-size:20px;margin-right:48px}.home__body__left__links__item{width:80px;height:80px;border-radius:40px;background-color:#fff;box-shadow:2px 2px 6px #0000001a;margin-right:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.home__body__right>img{width:300px}@media screen and (max-width: 940px){.home__body__left{max-width:380px}.home__body__left__title{font-size:36px}.home__body__left__text{font-size:18px;margin-top:20px}.home__body__left__links{margin-top:26px}.home__body__left__links>h3{font-size:16px;margin-right:32px}.home__body__left__links__item{height:66px;width:66px;margin-right:15px}.home__body__left__links__item>img{width:34px}.home__body__right>img{width:260px}}@media screen and (max-width: 740px){.home__body{flex-flow:column-reverse}.home__body__left{max-width:80%;margin-top:20px}.home__body__left__title{font-size:36px}.home__body__left__text{font-size:18px;margin-top:20px}.home__body__left__links{margin-top:26px}.home__body__left__links>h3{font-size:16px;margin-right:32px}.home__body__left__links__item{height:66px;width:66px;margin-right:15px}.home__body__left__links__item>img{width:34px}.home__body__right>img{width:260px}}@media screen and (max-width: 460px){.home__body__left{max-width:80%;margin-top:15px}.home__body__left__title{font-size:28px}.home__body__left__text{font-size:14px;margin-top:16px}.home__body__left__links{margin-top:22px}.home__body__left__links>h3{font-size:14px;margin-right:27px}.home__body__left__links__item{height:44px;width:44px;margin-right:8px}.home__body__left__links__item>img{width:22px}.home__body__right>img{width:170px}}@media screen and (max-width: 340px){.home__body__left{max-width:80%;margin-top:10px}.home__body__left__title{font-size:23px}.home__body__left__text{font-size:12px;margin-top:12px}.home__body__left__links{margin-top:18px}.home__body__left__links>h3{font-size:12px;margin-right:20px}.home__body__left__links__item{height:38px;width:38px;margin-right:6px}.home__body__left__links__item>img{width:18px}.home__body__right>img{width:130px}}@media screen and (max-width: 275px){.home__body__left{max-width:90%;margin-top:10px}.home__body__left__title{font-size:18px}.home__body__left__text{font-size:9px;margin-top:10px}.home__body__left__links{margin-top:14px}.home__body__left__links>h3{font-size:10px;margin-right:10px}.home__body__left__links__item{height:34px;width:34px;margin-right:5px}.home__body__left__links__item>img{width:14px}.home__body__right>img{width:120px}}.navbar{display:flex;align-items:center;padding:0 50px;width:100%;height:70px;position:relative;background:var(--white);box-shadow:0 2px 14px 2px #00000012;z-index:2;position:fixed;top:0;left:0}.navbar__logo{font-size:32px;font-weight:700;color:var(--dark-main);font-family:var(--outfit)}.navbar__logo>span{font-size:52px;font-weight:700;color:var(--red);line-height:30px}.navbar__links{display:flex;align-items:center;margin-left:12%}.navbar__links__item{margin-right:70px;font-family:var(--lato);font-weight:600;font-size:18px;color:var(--dark-main);cursor:pointer;text-decoration:none}.navbar__links__item:hover{color:var(--blue)}.navbar__right{display:flex;align-items:center;margin-left:auto}.navbar__right__left{margin-right:60px;font-family:var(--outfit);font-style:normal;font-weight:500;font-size:18px;color:var(--dark-main);cursor:pointer;text-decoration:none}.navbar__right__left:hover{color:var(--blue)}.navbar__right__right{font-family:var(--outfit);font-style:normal;font-weight:500;font-size:18px;color:var(--dark-main);padding:0 40px;border-radius:10px;height:48px;line-height:44px;border:2px solid var(--dark-main);cursor:pointer;transition:.3s ease-in-out;text-decoration:none}.navbar__right__right:hover{color:var(--blue);border-color:var(--blue)}.navabr__burger{display:none;cursor:pointer;margin-left:auto;position:relative;z-index:12}.navabr__burger>div{width:26px;height:3px;background-color:var(--dark-main);margin-bottom:5px;border-radius:1.5px;transition:.3s ease-in-out}.navabr__burger>div:last-child{margin-bottom:0}.navabr__burger>div:nth-child(2){transition:.3s;margin-left:3px;transition-delay:.3s}.navabr__burger-active>div:nth-child(2){transition:0s;opacity:0}.navabr__burger-active>div:first-child{transform:rotate(45deg) translateY(10px)}.navabr__burger-active>div:last-child{transform:rotate(-45deg) translateY(-11.5px)}@keyframes appear{0%{transform:scale(0) translate(50%,-50%);opacity:0}to{opacity:1;transform:scale(1) translate(0)}}@keyframes leave-animation-ann{0%{opacity:1;transform:scale(1) translate(0)}to{transform:scale(0) translate(50%,-50%);opacity:0}}.leave-animation{transform:scaleY(0);opacity:0;transition:.3s ease-in-out}.navbar__dropdown{z-index:10;display:none;max-width:320px;width:100%;background-color:var(--white);position:absolute;top:60px;right:40px;padding:20px 0;box-shadow:1px 2px 5px 1px #00000024;animation-name:appear;animation-duration:.3s;border-radius:3px}.navbar__dropdown-active{border-radius:2px}.navbar__dropdown__item{cursor:pointer;line-height:50px;padding:5px 20px;margin-right:70px;font-family:var(--lato);font-weight:600;font-size:18px;color:var(--dark-main);text-decoration:none}.navbar__dropdown__item:hover{color:var(--blue)}.navbar__dropdown__item-active:after{content:"";position:absolute;top:0;right:0;height:100%;width:4px;background-color:var(--dark-main);border-radius:1px 0 0 1px}.navbar__dropdown__item-sign{color:var(--dark-main)}@media screen and (max-width: 1200px){.navbar{padding:0 50px}.navbar__logo{font-size:26px}.navbar__logo>span{font-size:44px}.navbar__links__item{font-size:14px;margin-right:40px}.navbar__right__left{font-size:14px;margin-right:34px}.navbar__right__right{font-size:14px;padding:0 25px;height:40px;line-height:36px}}@media screen and (max-width: 800px){.navbar__links,.navbar__right{display:none}.navabr__burger{display:block}.navbar__dropdown-active{display:block;display:flex;flex-direction:column}.navbar{height:60px}}@media screen and (max-width: 500px){.navbar{padding:0 20px}.navbar__dropdown__item{font-size:18px;line-height:40px}}@media screen and (max-width: 400px){.navbar__logo{font-size:20px}.navbar__logo>span{font-size:40px}.navabr__burger>div{width:18px;height:2px;margin-bottom:3px;border-radius:1px}.navabr__burger>div:nth-child(2){margin-left:2px}.navabr__burger-active>div:first-child{transform:rotate(45deg) translateY(7px)}.navabr__burger-active>div:last-child{transform:rotate(-45deg) translateY(-7px)}.navbar__dropdown{width:220px;max-width:70%}.navbar__dropdown__item{font-size:12px;line-height:24px}}.navbar__links__item--active{color:var(--dark-main)}.projects{padding:200px 50px 60px;transition:.3s ease-in-out}.projects__title{padding:0 40px;width:100%;text-align:center;font-family:var(--outfit);font-weight:600;font-size:40px;color:var(--dark-main)}.projects__items{margin-top:5rem;display:flex;flex-direction:column;align-items:center}.projects__description{margin-top:40px;padding:0 40px;width:100%;text-align:center;font-family:var(--outfit);font-weight:400;font-size:22px;color:var(--gray-alt)}.projects__description>a{text-decoration:none;color:var(--blue)}@media screen and (max-width: 1000px){.projects__title{font-size:44px}.projects__description{font-size:18px}.projects{padding-top:160px}}@media screen and (max-width: 800px){.projects{padding-top:100px}.projects__title{font-size:36px}.projects__description{font-size:16px}}@media screen and (max-width: 600px){.projects{padding-top:90px}.projects__title{font-size:32px}.projects__description{font-size:14px}}@media screen and (max-width: 480px){.projects{padding-top:70px}.projects{padding:20px}.projects__title{font-size:28px}}@media screen and (max-width: 400px){.projects{padding-top:65px}.projects__title{font-size:24px}.projects__description{font-size:13px}}@media screen and (max-width: 360px){.projects{padding-top:60px}.projects__title{font-size:20px}.projects__description{font-size:12px}}.projectitem{width:1000px;height:360px;background:var(--white);box-shadow:2px 2px 10px 1px #0000001c;border-radius:8px;padding:20px;margin-bottom:40px;display:flex}.projectitem--reverse{flex-flow:row-reverse}.projectitem__shot{box-shadow:1px 1px 4px #00000014;overflow:hidden;width:50%;height:100%;border-radius:inherit;margin-right:10px}.projectitem__shot>img{transition:8s ease-in-out;width:100%}.projectitem__shot>img:hover{transform:translateY(calc(320px - 100%))}.projectitem--reverse>.projectitem__shot{margin-right:0;margin-left:10px}.projectitem__details{margin-left:10px;width:50%;height:100%;display:flex;justify-content:space-between;flex-direction:column}.projectitem--reverse>.projectitem__details{margin-left:0;margin-right:10px}.projectitem__details__half__top{display:flex;align-items:center;justify-content:space-between}.projectitem__details__half__top__name{font-family:var(--poppins);font-weight:700;font-size:42px;color:var(--dark-main)}.projectitem__details__half__top__demo{cursor:pointer}.projectitem__details__half__text{margin-top:10px;font-family:var(--poppins);font-weight:400;font-size:17px;line-height:27px;color:var(--dark-main)}.project__details__bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.projectitem__details__tech__bottom__item{margin-right:10px}.projectitem__details__bottom__code{cursor:pointer}@media screen and (max-width: 1100px){.projectitem{width:100%}.projectitem__details__half__text{line-height:24px;font-size:16px}}@media screen and (max-width: 860px){.projectitem{width:100%;height:calc(45vw - 60px)}.projectitem__shot>img:hover{transform:translateY(calc(45vw - 100px - 100%))}.projectitem__details__half__top__name{font-size:36px}.projectitem__details__half__text{margin-top:5px;font-size:12px;line-height:20px}.projectitem__details__tech__bottom__item{width:22px}.projectitem__details__half__top__demo>img{width:20px}.projectitem__details__bottom__code>img{width:20px}}@media screen and (max-width: 760px){.projectitem{width:100%;height:calc(200px + 10vw)}.projectitem__shot>img:hover{transform:translateY(calc(160px + 10vw - 100%))}.projectitem__details__half__top__name{font-size:30px}.projectitem__details__half__text{margin-top:5px;font-size:11px;line-height:17px}.projectitem__details__tech__bottom__item{width:22px}.projectitem__details__half__top__demo>img{width:16px}.projectitem__details__bottom__code>img{width:16px}}@media screen and (max-width: 650px){.projectitem{display:flex;flex-direction:column;width:400px;height:600px}.projectitem__shot>img:hover{transform:translateY(calc(270px - 100%))}.projectitem--reverse>div{margin:0}.projectitem__shot{width:100%;margin:0!important}.projectitem__details{margin:20px 0 0!important;width:100%}.projectitem__details__half__top__name{font-size:38px}.projectitem__details__half__text{margin-top:10px;font-size:14px;line-height:20px}.projectitem__details__tech__bottom__item{width:30px}.projectitem__details__half__top__demo>img{width:20px}.projectitem__details__bottom__code>img{width:20px}}@media screen and (max-width: 500px){.projectitem{width:100%;height:calc(100vw + 200px)}.projectitem__shot>img:hover{transform:translateY(calc(50vw + 70px - 100%))}.projectitem__details__half__top__name{font-size:34px}.projectitem__details__half__text{margin-top:10px;font-size:13px;line-height:19px}.projectitem__details__tech__bottom__item{width:25px}.projectitem__details__half__top__demo>img{width:17px}.projectitem__details__bottom__code>img{width:17px}}@media screen and (max-width: 400px){.projectitem{width:100%;height:calc(50vw + 350px)}.projectitem__shot>img:hover{transform:translateY(calc(25vw + 160px - 100%))}.projectitem__details__half__top__name{font-size:28px}.projectitem__details__half__text{margin-top:10px;font-size:11px;line-height:17px}.projectitem__details__tech__bottom__item{width:22px}.projectitem__details__half__top__demo>img{width:15px}.projectitem__details__bottom__code>img{width:15px}}@media screen and (max-width: 360px){.projectitem{width:100%;height:500px}.projectitem__shot>img:hover{transform:translateY(calc(172px - 100%))}.projectitem__details{margin-top:10px!important}.projectitem__details__half__top__name{font-size:26px}.projectitem__details__half__text{margin-top:10px;font-size:10px;line-height:14px}.projectitem__details__tech__bottom__item{width:20px}.projectitem__details__half__top__demo>img{width:13px}.projectitem__details__bottom__code>img{width:13px}}:root{width:100%;scroll-behavior:smooth}#root{width:100%;scroll-behavior:smooth}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb:hover{background-color:var(--dark-main)}::-webkit-scrollbar-thumb{background-color:var(--dark-alt)}::-webkit-scrollbar{background-color:var(--gray-bg)}