:root{--text-color:#e0e193;--bg-color:#1e1b1b}*{padding:0;margin:0;box-sizing:border-box}@media screen and (max-width:1279px){html{scroll-behavior:smooth;scrollbar-width:none}}body{background-color:var(--bg-color);font-family:Comfortaa;overflow-x:hidden}@media screen and (min-width:1440px){body:after,body:before{z-index:5;position:fixed;content:"";height:200vh;top:0;width:1px;background-color:#000;box-shadow:0 0 100px 50px #0e0b0b}body:after{right:0}body:before{left:0}}@media screen and (min-width:1700px){body:after,body:before{box-shadow:0 0 150px 150px #0e0b0b}}html{min-width:380px;max-width:1440px;margin:0 auto;overflow-x:hidden}.tooltip{color:#fff;visibility:hidden;opacity:0;transition:all .3s;padding-bottom:5px;z-index:5}img[data-tooltip]:hover+.tooltip{visibility:visible;opacity:1}.underscore{position:relative;padding-bottom:5px}.underscore:after{position:absolute;content:"";height:2px;background-color:#fff;left:0;right:0;bottom:0;transition:background-color .4s}.underscore_yellow:after{background-color:var(--text-color)}.mobile-nav{width:100%;top:0;z-index:2;display:flex;padding:20px 30px;align-items:center;justify-content:space-between;background-color:#1e1b1b;position:absolute}@media screen and (min-width:768px){.mobile-nav{padding:10px calc((100vw - 700px) / 2)}}@media screen and (min-width:1280px){.mobile-nav{display:none}}.unseen{filter:drop-shadow(0 4px 20px black);overflow-x:hidden;position:fixed;margin-top:-80px;z-index:4}.transition-enable{transition:margin-top .5s}.mobile-nav_active{margin-top:0}.mobile-nav_active .mobile-nav__title{visibility:visible;opacity:1}#nav-button{border:none;width:30px;height:18px;background-color:transparent;display:flex;flex-direction:column;justify-content:space-between}#nav-button div{width:100%;height:3px;background-color:#fff;border-radius:8px}.mobile-nav__title{color:#fff;visibility:hidden;opacity:0;transition:all .5s;font-size:20px}#socials-button{border:none;background-color:transparent;height:24px}.socials-button__image{width:100%;height:100%}.menu{position:fixed;visibility:hidden;opacity:0;transition:all .5s;background-color:transparent;bottom:0;top:0;z-index:6}.menu-inner{position:absolute;inset:0;background-color:#1e1b1b;overflow:hidden}.menu_nav{width:48%;left:0;filter:drop-shadow(4px 0 20px black)}.menu_nav .menu-inner{clip-path:polygon(0 0,100% 0,84% 100%,0 100%)}.menu_socials{width:50%;right:0;text-align:right;padding-right:20px;filter:drop-shadow(-4px 0 20px black)}.menu_socials .menu-inner{clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}.menu_socials .close-button{left:20%}.close-button{border:none;background-color:transparent;position:absolute;width:40px;height:40px;top:10px;left:calc(100% - 80px);z-index:4}.close-button:after,.close-button:before{content:"";position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background-color:#fff}.close-button:before{transform:rotate(-45deg)}.close-button:after{transform:rotate(45deg)}.menu__links{list-style:none;font-size:16px;margin-top:40px;width:100%;z-index:4}.menu__links,.menu_nav li{position:relative}.menu_nav li:after{content:"";position:absolute;top:100%;left:0;right:0;height:1px;background-color:#000}.menu__list-item{padding:20px 0;width:100%}a img{width:20px;height:auto;margin-right:8px;transform:translateY(2px)}.menu__link{padding:20px 0;color:#fff;width:100%;text-decoration:none;padding-left:20px;text-transform:uppercase}.menu__link.active{color:var(--text-color)}.menu.active{visibility:visible;opacity:1}.github-link{position:absolute;background-color:#fff;z-index:4;bottom:60px;left:15px;padding:10px 20px;border-radius:8px;color:#000;text-decoration:none}.menu_socials span{opacity:.15;margin-left:10px;margin-right:20px}.libs{position:absolute;z-index:4;color:#fff;opacity:.28;text-align:right;bottom:60px;right:20px}.libs p{margin-top:10px}.header{position:relative;width:100%;height:100px}.navbar{display:flex;padding:0 220px;padding-top:35px;align-items:center}@media screen and (max-width:1279px){.navbar{display:none}}.navbar__link{list-style:none;transition:all 1s}.navbar__link a{display:inline-block;color:var(--text-color);font-size:26px;margin-right:90px;text-decoration:none;text-shadow:#fff200 0 0 2px}.navbar__link:hover{scale:1.03;cursor:pointer}.navbar__link:last-child{margin-left:auto;margin-right:unset}.navbar__link:last-child a{display:flex;align-items:center;gap:8px}.navbar__link:last-child:hover img{filter:brightness(0) invert(1)}.navbar__link-image{width:40px;transition:filter 1s}.footer{position:relative}@media screen and (max-width:1280px){.footer{margin-top:200px}}@media screen and (min-width:1440px){.footer{margin-top:60px}}.copyright{text-align:center;font-size:14px;color:hsla(0,0%,100%,.6);padding:20px}@media screen and (min-width:1440px){.copyright{font-size:18px}}.texture{position:absolute;display:inline-block;width:200vw;max-width:1440px;height:10px;z-index:3;background-color:var(--bg-color);left:0}.texture_header{bottom:0;rotate:1deg;box-shadow:0 10px 10px rgba(0,0,0,.7333333333)}@media screen and (max-width:1279px){.texture_header{display:none}}.texture_about-top{top:50px;rotate:-5deg;box-shadow:0 -10px 10px rgba(0,0,0,.7333333333)}@media screen and (min-width:1280px){.texture_about-top{rotate:-1.2deg;top:70px}}.texture_about-bottom{top:unset;bottom:225px;rotate:2deg;box-shadow:0 10px 10px rgba(0,0,0,.7333333333)}@media screen and (min-width:1280px){.texture_about-bottom{rotate:1.2deg}}@media screen and (min-width:1440px){.texture_about-bottom{bottom:170px}}@media screen and (min-width:1440px){.texture .inner{width:100%;height:100%;position:relative}.texture .inner:before{left:0;background:linear-gradient(90deg,#1e1b1b,transparent)}.texture .inner:after,.texture .inner:before{position:absolute;content:"";display:block;top:-20px;width:120px;height:50px}.texture .inner:after{right:0;background:linear-gradient(90deg,transparent,#1e1b1b)}}.texture_footer{top:0;rotate:-2deg;box-shadow:0 -10px 10px rgba(0,0,0,.7333333333)}@media screen and (min-width:1440px){.texture_footer{rotate:-1deg;top:-20px}}.texture_projects-top{top:-50px;rotate:-2deg;box-shadow:0 -10px 10px rgba(0,0,0,.7333333333)}@media screen and (min-width:1440px){.texture_projects-top{top:-100px}}.texture_projects-bottom{top:unset;bottom:-50px;rotate:2deg;box-shadow:0 10px 10px rgba(0,0,0,.7333333333)}@media screen and (min-width:1440px){.texture_projects-bottom{bottom:-100px}}.texture_intro-top{top:0;rotate:5deg;box-shadow:0 -10px 10px rgba(0,0,0,.7333333333)}@media screen and (min-width:1280px){.texture_intro-top{display:none}}.texture_intro-bottom{bottom:0;rotate:-5deg;box-shadow:0 10px 10px rgba(0,0,0,.7333333333)}@media screen and (min-width:1280px){.texture_intro-bottom{display:none}}.socials{position:fixed;bottom:100px;display:flex;flex-direction:column;gap:30px;z-index:7;right:7vw}@media screen and (min-width:1800px){.socials{right:300px}}@media screen and (max-width:1439px){.socials{display:none}}.socials.scrolled{position:absolute;top:2600px;bottom:unset}.socials__icon{width:30px;transition:.2s ease-in}.socials__icon:hover{scale:1.2}.intro{--rotate:-6deg;position:relative;color:var(--text-color);padding:120px 22px}@media screen and (min-width:1280px){.intro{padding:0 220px;margin-top:150px}}.intro__header{margin-bottom:95px;text-align:center}@media screen and (min-width:768px){.intro__header{margin-bottom:150px}}.intro__header-word{display:block;font-size:60px;transform:rotate(var(--rotate))}@media screen and (min-width:435px) and (max-width:767px){.intro__header-word{font-size:15vw}}@media screen and (min-width:768px){.intro__header-word{font-size:100px;margin-right:100px}}@media screen and (min-width:1280px){.intro__header-word{font-size:135px}}@media screen and (min-width:1440px){.intro__header-word{font-size:150px}}.intro__header-word:first-child{transform:rotate(var(--rotate)) translate(-25px)}.intro__header-word:last-child{margin-top:10px;transform:rotate(var(--rotate)) translate(25px)}@media screen and (min-width:435px) and (max-width:767px){.intro__header-word:last-child{transform:rotate(var(--rotate)) translate(8vw)}}@media screen and (min-width:768px){.intro__header-word:last-child{transform:rotate(var(--rotate)) translate(78px)}}@media screen and (min-width:1280px){.intro__header-word:last-child{transform:rotate(var(--rotate)) translate(125px)}}@media screen and (min-width:1280px){.intro__header-word:last-child .intro__header-word-accent:after{transform:translateY(10px)}}@media screen and (max-width:1279px){.intro__header-word:last-child .intro__header-word-accent:after{transform:translateY(4px)}}@keyframes a{0%{rotate:0deg}33%{rotate:-4deg}66%{rotate:4deg}to{rotate:0deg}}.intro__header-word-accent{display:inline-block;position:relative;color:var(--text-color)}.intro__header-word-accent:after{content:"";position:absolute;inset:0;background-color:#ff2c2c;opacity:.55}.wiggle-animation{display:inline-block}.intro__header-word:first-child .wiggle-animation{animation:a 14s infinite}.intro__header-word:last-child .wiggle-animation{animation:a 12s infinite;animation-delay:1s}.intro__info{display:flex;justify-content:space-between;align-items:flex-end;max-width:1000px;margin:0 auto}@media screen and (min-width:768px) and (max-width:1279px){.intro__info{width:700px}}.intro__info-link{display:flex;align-items:flex-end;gap:10px;font-size:16px;text-decoration:none;color:#fff;transition:all 1s}.intro__info-link:hover{scale:1.02}.intro__info-link:hover .intro__icon{filter:brightness(0) invert(1)}.intro__info-link span{transition:all 1s}@media screen and (min-width:768px){.intro__info-link{font-size:26px}}.intro__info-name{font-size:16px}@media screen and (min-width:768px){.intro__info-name{font-size:26px}}.intro__icon{transition:all 1s;width:auto}@media screen and (max-width:767px){.intro__icon{height:30px}}@media screen and (min-width:768px){.intro__icon{height:40px}}@keyframes b{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.slider{height:4rem;margin:auto;overflow:hidden;position:relative;width:560px;box-shadow:0 0 2px 1px #000;transform:skew(-200deg)}@media screen and (max-width:767px){.slider{width:350px;transform:skew(-200deg) translateX(15px)}}@media screen and (min-width:1440px){.slider{transform:skew(-200deg) translateX(-15px)}}.slider .slide-track{animation:b 40s linear infinite;display:flex;width:2000px;max-width:2000px;overflow:hidden;height:100%;align-items:center}.slider .slide{width:200px;transform:skew(200deg);font-size:24px;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}.slider:last-child .slide-track{animation-direction:reverse}.about{position:relative;color:var(--text-color);overflow-x:hidden;padding-bottom:250px;padding-top:100px;margin-top:160px}.about__label{width:fit-content;font-size:22px;letter-spacing:2px;font-weight:400;margin-bottom:65px;margin-left:auto;margin-right:20px}@media screen and (min-width:768px){.about__label{margin-right:60px}}@media screen and (min-width:1440px){.about__label{font-size:38px;margin-right:220px}}@media screen and (min-width:1280px){.about__content-wrapper{width:1100px;margin:0 auto;overflow-x:hidden}}.about__content{display:flex}@media screen and (max-width:1279px){.about__content{overflow-x:scroll;scrollbar-width:none}}@media screen and (min-width:1280px){.about__content{overflow-x:hidden;scrollbar-width:none;width:2400px}}.about__slide{flex-shrink:0;width:100vw;padding:20px;background-color:#1e1b1b}@media screen and (min-width:768px){.about__slide{padding:60px}}@media screen and (min-width:1280px){.about__slide{display:flex;justify-content:space-between;width:1100px;padding:60px 0}.about__slide:last-child{box-sizing:content-box}}.about__slide:nth-child(2) .about__slide-image{object-position:unset}.about__slide-image{display:block;width:100%;height:55vw;object-fit:cover;object-position:0 -30px;margin:0 auto;margin-bottom:65px}@media screen and (min-width:1280px){.about__slide-image{width:440px;height:490px;margin:unset;object-position:unset}}.about__slide-text{display:flex;flex-direction:column;gap:30px;font-size:16px;letter-spacing:1px}@media screen and (min-width:768px){.about__slide-text{font-size:22px;line-height:30px}}@media screen and (min-width:1280px){.about__slide-text{font-size:24px;width:480px}}.about__slide-tickers{display:flex;flex-direction:column;gap:30px;margin-top:33px}@media screen and (max-width:767px){.about__slide-tickers{transform:translateX(-15px)}}.stepped-animation{height:600px;overflow-y:auto;position:relative}.single-step{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.about__slide{transition:opacity .5s}.fading{opacity:0}.works{padding:20px}@media screen and (min-width:768px){.works{padding:70px}}@media screen and (min-width:1280px){.works{padding:100px 0}}.works__label{width:fit-content;margin-left:auto;color:var(--text-color);font-size:22px;margin-bottom:80px}@media screen and (min-width:768px){.works__label{font-size:32px}}@media screen and (min-width:1280px){.works__label{margin-right:220px;margin-bottom:120px}}@media screen and (min-width:1440px){.works__label{font-size:38px;margin-right:220px;margin-bottom:200px}}.works__list{position:relative;margin:0 auto}@media screen and (max-width:1279px){.works__list{display:flex;flex-direction:column;gap:200px;margin-bottom:200px}}@media screen and (min-width:1280px){.works__list{width:1200px}}@media screen and (min-width:1440px){.works__list{width:1300px}}@media screen and (min-width:1280px){.works__card{position:absolute;inset:0}}.card__title{margin-top:150px}.card__content{position:relative;border-radius:8px;max-height:600px}@media screen and (max-width:1439px){.card__content{max-width:600px;margin:0 auto}}@media screen and (min-width:1280px) and (max-width:1439px){.card__content.pc .card__technologies{width:600px}}@media screen and (min-width:1280px){.card__content{display:flex;justify-content:space-between;align-items:center}.card__content.mobile,.card__content.tablet{height:500px}.card__content.pc{height:380px}.card__content.pc .card__technologies{width:674px;left:0;top:0;bottom:0}.card__content.mobile .card__technologies{right:0;bottom:0;top:0;width:243px;left:unset}.card__content.mobile .card__links{flex-direction:column;gap:30px}.card__content.mobile .card__link{font-size:20px}.card__content.mobile .card__technologies-title{font-size:20px;line-height:1.6}.card__content.tablet .card__technologies{top:0;bottom:0;width:453px}.card__content.tablet .card__links{margin-top:150px}.card__content_active .card__content_technologies{display:none}}.card__content_tech.card__content_active .card__technologies{visibility:visible;opacity:1}@media screen and (max-width:1279px){.card__content_tech .card__technologies{visibility:visible;opacity:1}.card__content_tech .card__image{filter:brightness(.3)}}.card__content_active .card__image{filter:brightness(.3)!important}@media screen and (min-width:1280px){.card__content_active:not(.card__content_desc) .card__technologies{visibility:visible;opacity:1}}.card__content-item{position:absolute;visibility:hidden;transition:all .4s;opacity:0;inset:0;padding:0 30px}@media screen and (min-width:768px){.card__content-item *{max-width:400px;margin:0 auto}}@media screen and (min-width:1280px){.card__content-item{visibility:visible}.card__content-item *{max-width:560px}}.card__links{display:flex;margin-top:55px;justify-content:space-between}@media screen and (min-width:768px){.card__links{margin-top:100px}}@media screen and (min-width:1280px){.card__links{margin-top:100px}}.card__link{position:relative;font-size:16px;color:#fff;text-decoration:none;padding-bottom:5px;text-shadow:1px 1px 2px #000;transition:opacity .4s}.card__link:hover{opacity:.9;scale:.99}.card__link:after{position:absolute;content:"";top:100%;left:0;right:0;height:2px;background-color:#fff}@media screen and (min-width:1280px){.card__link{font-size:24px}}.card__technologies-title{margin-top:32px;text-align:center;color:#fff}@media screen and (min-width:768px){.card__technologies-title{margin-top:50px}}@media screen and (min-width:1280px){.card__technologies-title{margin-top:100px;font-size:24px}}.card__icons{display:flex;justify-content:space-between;margin-top:24px}@media screen and (min-width:768px){.card__icons{margin-top:40px}}@media screen and (min-width:1280px){.works__card:nth-child(2n) .card__content{margin-left:auto}.works__card:nth-child(2) .card__content{margin-right:150px}.works__card:nth-child(3) .card__content{margin-right:auto}}@media screen and (max-width:1279px){.works__card:nth-child(2) .card__image:first-child,.works__card:nth-child(3) .card__image:first-child{display:none}}.card__image{transition:all .4s!important;object-fit:cover;height:100%;border-radius:8px}@media screen and (max-width:1279px){.card__image{width:100%;max-width:650px;height:auto}}@media screen and (min-width:1280px){.card__image:nth-child(2){display:none}}@media screen and (min-width:1280px) and (max-width:1439px){.card__image{max-width:600px}}.card__title{color:var(--text-color);margin-bottom:40px;text-align:center}@media screen and (min-width:1280px){.card__title{margin-bottom:80px;font-size:30px}}@keyframes c{0%{background-color:#fff;box-shadow:0 0 0 0 hsla(0,0%,100%,.2)}25%{background-color:#c7c7c7;box-shadow:0 0 0 20px hsla(0,0%,100%,0)}50%,to{background-color:#fff;box-shadow:0 0 0 20px hsla(0,0%,100%,0)}}.card__content_active .card__button{opacity:1}.card__button{opacity:0;position:absolute;z-index:1;top:15px;right:15px;width:35px;height:35px;border-radius:50%;background-color:#e0e193;border:1px solid transparent;filter:drop-shadow(0 0 2px #1e1b1b);transition:all .3s;box-shadow:0 0 1px 1px gray;animation:c 8s infinite;opacity:1;visibility:visible}@media screen and (min-width:1280px){.card__button{display:none}}.card__content_tablet .card__links{padding-top:100px}@media screen and (min-width:1280px){.card__container{margin:0 auto;width:1200px}.works__card:nth-child(2n) .card__container{flex-direction:row-reverse}}@media screen and (min-width:1440px){.card__container{width:1300px}}@media screen and (min-width:1280px){.swipe-section{position:relative;height:100vh;width:100%;overflow:hidden}}.swipe-section .panel{background-color:#1e1b1b}@media screen and (min-width:1280px){.swipe-section .panel{position:absolute;height:100vh;width:100%;top:0;left:0}.swipe-section .panel:not(:first-child){top:100%}}@media screen and (max-width:1279px){.swipe-section .panel{display:flex;flex-direction:column;justify-content:center}.swipe-section .panel .card__title{margin-top:unset}}.works__text{text-align:center;color:#e0e193;font-size:16px;line-height:1.6;max-width:550px}@media screen and (max-width:1279px){.works__text{margin:0 auto;margin-top:40px}}@media screen and (min-width:1280px){.works__text{color:#fff;letter-spacing:2px;width:550px;font-size:24px}}@media screen and (min-width:1280px){.card__container{display:flex;align-items:center}}@media screen and (min-width:1280px){.works__card:not(:last-child) .card__container{justify-content:space-between}}.works__card:last-child .card__container{gap:0}@media screen and (min-width:1280px){[data-aos].card__content,[data-aos].card__title,[data-aos].works__text{transform:none!important}}.socials__links{margin:0 auto;margin-top:150px;width:fit-content;font-size:24px;list-style:none;display:flex;gap:100px}.socials__links li:nth-child(2){transition-delay:.25s}.socials__links li:nth-child(3){transition-delay:.5s}.socials__links li:last-child{transition-delay:.75s}.socials__links a{color:#fff;opacity:.6;text-decoration:none;transition:opacity .5s}.socials__links a:hover{opacity:1}@media screen and (max-width:1439px){.socials__bottom{display:none}}.socials__header{display:none}.projects{text-align:center;position:relative}.projects__title{font-size:22px;margin-bottom:30px;color:var(--text-color);padding-top:50px;width:calc(100% - 40px);font-weight:500;line-height:1.2;text-shadow:2px 2px 6px #000}@media screen and (min-width:768px){.projects__title{font-size:32px}}@media screen and (min-width:1440px){.projects__title{font-size:38px}}.projects-container,.projects__link{position:relative}.projects__link{color:inherit;text-decoration:none;display:flex;align-items:center;gap:8px;width:fit-content;margin:0 auto}.projects__link:after{content:"";background-color:var(--text-color);left:0;right:0;bottom:-5px;height:2px;transition:background-color .5s;position:absolute}@media screen and (min-width:1440px){.projects__link{font-size:32px}}.projects__image{width:100vw;filter:brightness(.6)}@media screen and (min-width:768px){.projects__image{max-width:800px;margin:0 auto}}@media screen and (min-width:1440px){.projects__image{width:835px}}.projects__inner-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.projects__link{transition:color .5s;height:35px}.projects__link:hover{color:#fff}.projects__link:hover .projects__link-icon{fill:#fff}.projects__link:hover:after{background-color:#fff!important}.projects__link-icon{transition:fill .5s;width:30px}@keyframes d{0%{opacity:1}to{opacity:0}}.preloader-container{position:fixed;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:#1e1b1b;z-index:8;left:0;transition:background-color .5s}.preloader-container.hide{background-color:#000;animation:d 1s forwards .5s}.preloader-container.hide *{opacity:0}.preloader{position:relative;display:flex;transition:opacity .5s}.preloader__line{width:50px;height:300px;margin:0 20px;background-color:#1e1b1b;transform:skew(-200deg);animation:e 2.1s linear infinite}@media screen and (max-width:767px){.preloader__line:nth-child(5),.preloader__line:nth-child(6),.preloader__line:nth-child(7){display:none}}.preloader__line:first-child{animation-delay:.3s}.preloader__line:nth-child(2){animation-delay:.6s}.preloader__line:nth-child(3){animation-delay:.9s}.preloader__line:nth-child(4){animation-delay:1.2s}.preloader__line:nth-child(5){animation-delay:1.5s}.preloader__line:nth-child(6){animation-delay:1.8s}.preloader__line:nth-child(7){animation-delay:2.1s}@keyframes e{0%{box-shadow:0 0 0 rgba(0,0,0,.5);opacity:0;translate:-50px 0 0;scale:1}50%{box-shadow:0 20px 50px rgba(0,0,0,.5);opacity:1;translate:0;scale:1.2}to{box-shadow:0 0 0 rgba(0,0,0,.5);opacity:0;translate:50px 0 0;scale:1}}.preloader__line:nth-child(2){opacity:0;background-color:#9a2424}
/*# sourceMappingURL=main.css.map */