@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";*{padding:0;margin:0;box-sizing:border-box}a{text-decoration:none}li{list-style:none}.container{margin:0 auto;padding:0 60px;max-width:1440px;width:100%}body,html{position:relative;height:100%;background:url(/./dist/img/blackblack.svg);background-position:center;background-repeat:inherit;font-family:"Space Grotesk",sans-serif}body::-webkit-scrollbar,html::-webkit-scrollbar{width:10px;background:#000;padding:0 10px}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background-color:#004058}.header{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;bottom:0;z-index:99;padding:10px 0;transition:background 300ms all ease-in-out;transition:300ms all ease-in-out}.header.scrolling-active{background:#181818;scroll-behavior:smooth;transition:background 300ms all ease-in-out}.header .navbar{display:flex;justify-content:space-between;align-items:center}.header .navbar .logo img{width:200px}.header .navbar .nav__main{display:flex;justify-content:center;align-items:center}.header .navbar .nav__main .nav__item{margin:0 35px;position:relative}.header .navbar .nav__main .nav__item::after{background:none repeat scroll 0 0 rgba(0,0,0,0);bottom:-5px;content:"";display:block;height:3px;left:50%;position:absolute;background:#ededed;transition:width .3s ease 0s,left .3s ease 0s;width:0}.header .navbar .nav__main .nav__item:hover::after{width:100%;left:0}.header .navbar .nav__main .nav__item .nav__link{font-size:20px;color:#ededed;font-weight:500;line-height:25px}.header .navbar .nav__open{display:none}.header .navbar .nav__open i{color:#ededed;font-size:40px;cursor:pointer}.mobile__menu{position:fixed;top:0;left:0;background-color:#000;width:100%;height:50%;z-index:100;padding:20px 60px 20px 30px;visibility:hidden;transition:300ms all ease-in-out;transform:translate(-100%, 0)}.mobile__menu.is-active{top:0;visibility:visible;left:0;transform:translate(0, 0)}.mobile__menu .menu__top{display:flex;justify-content:space-between;align-items:center}.mobile__menu .menu__top .nav__logo img{width:200px}.mobile__menu .menu__top .nav__close i{font-size:48px;color:#ededed}.mobile__menu .menu__list{padding:20px 60px 20px 30px}.mobile__menu .menu__list .nav__item{margin:25px 0}.mobile__menu .menu__list .nav__item:hover{text-decoration:underline}.mobile__menu .menu__list .nav__item .nav__link{color:#ededed;font-size:20px}main{margin-top:150px}main .hero__section{display:flex;justify-content:space-between}main .hero__section .hero__left{max-width:50%}main .hero__section .hero__left .hero__header h1{color:#ededed;font-style:normal;font-weight:500;font-size:90px;line-height:115px}main .hero__section .hero__left .hero__text{margin-top:30px}main .hero__section .hero__left .hero__text p{color:#ededed;font-style:normal;font-weight:300;font-size:20px;line-height:38px}main .hero__section .hero__left .hero__btn{margin-top:40px}main .hero__section .hero__left .hero__btn button{color:#000;background-color:#2bd4ab;padding:20px 40px;font-size:18px;font-family:"Space Grotesk",sans-serif;border-radius:8px;cursor:pointer;transition:300ms all ease-in-out;outline:none;border:none}main .hero__section .hero__left .hero__btn button:hover{background-color:#ededed;color:#004058;transition:300ms all ease-in-out;box-shadow:0px 12px 40px -12px #512bd4}main .hero__section .hero__right .hero__img{max-width:1000px}main .hero__section .hero__right .hero__img img{width:100%}main .about__section{margin-top:170px}main .about__section .about__header{text-align:center}main .about__section .about__header h1{font-style:normal;font-weight:500;font-size:48px;line-height:82px;color:#ededed}main .about__section .about__text{display:flex;justify-content:center;margin-top:65px;text-align:center;width:100%}main .about__section .about__text p{color:#ededed;font-style:normal;font-weight:400;font-size:18px;line-height:31px;text-align:center;max-width:800px}main .about__section .data__img{margin-top:60px;display:flex;justify-content:center;max-width:100%}main .about__section .data__img img{width:100%}main .about__section .data__download{display:flex;justify-content:center;margin-top:60px}main .about__section .data__download a button{background-color:#2bd4ab;color:#000;border:none;outline:none;font-size:20px;font-family:"Space Grotesk",sans-serif;padding:20px 60px;border-radius:8px;cursor:pointer;transition:300ms all ease-in-out}main .about__section .data__download a button:hover{transition:300ms all ease-in-out;color:#ededed;background-color:#004058}main .app__section{margin-top:150px}main .app__section .app__header{text-align:center}main .app__section .app__header h1{font-style:normal;font-weight:500;font-size:48px;line-height:82px;color:#ededed}main .app__section .app__text{margin-top:50px;display:flex;justify-content:center}main .app__section .app__text p{font-style:normal;font-weight:300;font-size:18px;line-height:31px;color:#ededed;text-align:center;max-width:800px}main .app__section .app__wrapper{margin-top:100px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%}main .app__section .app__wrapper .app__box{display:flex;justify-content:center;margin:15px;background-color:rgba(0,0,0,0);width:400px;height:400px;border-radius:8px;transition:800ms all ease-in-out}main .app__section .app__wrapper .app__box:hover{transition:800ms all ease-in-out;transform:translateX(5%);cursor:pointer}main .app__section .app__wrapper .app__box img{width:100%}main .portfolio__section{margin-top:150px}main .portfolio__section .portfolio__header{text-align:center}main .portfolio__section .portfolio__header h1{font-style:normal;font-weight:500;font-size:48px;line-height:82px;color:#ededed}main .portfolio__section .portfolio__text{margin-top:40px;display:flex;justify-content:center}main .portfolio__section .portfolio__text p{font-style:normal;font-weight:400;font-size:18px;line-height:31px;text-align:center;max-width:800px;color:#ededed}main .portfolio__section .portfolio__carousel{margin-top:120px;display:flex;justify-content:space-between;align-items:center}main .portfolio__section .portfolio__carousel .portfolio__item{margin:0 25px;max-width:400px;padding:10px}main .portfolio__section .portfolio__carousel .portfolio__item .portfolio__img{position:relative;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;max-width:400px;height:400px}main .portfolio__section .portfolio__carousel .portfolio__item .portfolio__img::before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#000 .7}main .portfolio__section .portfolio__carousel .portfolio__item .portfolio__img::before:hover{transition:300ms all ease-in-out}main .portfolio__section .portfolio__carousel .portfolio__item .portfolio__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}main .portfolio__section .portfolio__carousel .portfolio__item .portfolio__name{margin-top:20px;width:100%}main .portfolio__section .portfolio__carousel .portfolio__item .portfolio__name h2{color:#ededed;font-style:normal;font-weight:500;font-size:24px;line-height:45px}main .portfolio__section .portfolio__carousel .portfolio__item .portfolio__category span{font-size:14px;color:#ededed;font-weight:500}footer{margin-top:200px;background-color:#111;padding:100px 0}footer .footer__main{display:flex;justify-content:space-between}footer .footer__main .footer__left{width:30%}footer .footer__main .footer__left .footer__logo img{width:200px}footer .footer__main .footer__left .footer__copyright{color:#ededed;margin-top:35px}footer .footer__main .footer__left .footer__copyright p{font-style:normal;font-weight:500;font-size:20px;line-height:31px}footer .footer__main .footer__left .footer__social{margin-top:35px}footer .footer__main .footer__left .footer__social a{color:#ededed;font-size:24px;margin:5px}footer .footer__main .footer__center{width:30%;margin-left:80px}footer .footer__main .footer__center .list__header h2{color:#ededed;font-style:normal;font-weight:700;font-size:24px;line-height:31px}footer .footer__main .footer__center .footer__nav{margin-top:30px}footer .footer__main .footer__center .footer__nav .nav__item{margin:15px 0}footer .footer__main .footer__center .footer__nav .nav__item .nav__link{color:#ededed;font-style:normal;font-weight:300;font-size:20px;line-height:26px}footer .footer__main .footer__right{width:30%}footer .footer__main .footer__right .contact__header h2{color:#ededed;font-style:normal;font-weight:700;font-size:24px;line-height:31px}footer .footer__main .footer__right .contact__info{color:#ededed;margin-top:30px}footer .footer__main .footer__right .contact__info .email{font-style:normal;font-weight:400;font-size:20px;line-height:26px}footer .footer__main .footer__right .contact__info .phone{font-style:normal;font-weight:400;font-size:20px;line-height:26px;margin-top:15px}footer .footer__main .footer__right .contact__info .adress{font-style:normal;font-weight:400;font-size:20px;line-height:26px;margin-top:30px}@media(max-width: 1280px){main .hero__section{width:100%;justify-content:center;flex-direction:column}main .hero__section .hero__left{max-width:75%}main .hero__section .hero__right{width:100%}}@media(max-width: 992px){.header .navbar .nav__main{display:none}.header .navbar .nav__open{display:block}main .hero__section .hero__left{max-width:100%}main .hero__section .hero__right{max-width:100%}footer .footer__main{flex-wrap:wrap}footer .footer__main .footer__left{width:100%}footer .footer__main .footer__center{width:100%;margin:60px 0 0 0}footer .footer__main .footer__right{width:100%;margin:60px 0 0 0}}@media(max-width: 768px){main .hero__section .hero__right{display:none}main .skills__section{margin-top:200px}}@media(max-width: 480px){main .hero__section .hero__left .hero__header h1{font-size:56px;line-height:65px}main .hero__section .hero__left .hero__text p{font-size:14px;line-height:34px;letter-spacing:.25}main .skills__section .software__skills .skill__box{width:250px;height:250px}main .portfolio__section .portfolio__carousel .portfolio__item .portfolio__img{max-height:300px}footer .footer__main{flex-direction:column}}@media(max-width: 360px){main .skills__section .software__skills .skill__box{width:100px;height:100px}}/*# sourceMappingURL=style.min.css.map */