@import url("https://fonts.googleapis.com/css2?family=Podkova:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300&display=swap");:root{--bg-color:#181414;--border-line-color:#453d3d;--footer-color:#221e1e;--grey-color:#d9d9d9;--grey-hover-color:#b9b9b9}*{box-sizing:border-box;padding:0;margin:0;font-family:Podkova}body,html{max-width:100vw;overflow-x:hidden;scroll-behavior:smooth}body{color:rgb(var(--foreground-rgb));background-color:#181414}a{color:inherit;text-decoration:none}a:hover{color:var(--grey-color)}.p-more-btn:hover{color:#000}.about-main-content a,.about-project-container p a{text-decoration:underline}.footer-wrapper,.header,.main-content,.wrapper{width:1350px;max-width:1350px;margin:0 auto}.main-content{margin-bottom:72px}.header{color:#fff;margin-top:56px;position:absolute;left:0;right:0;display:flex;justify-content:space-between;z-index:99}.logo-name{font-weight:700;font-size:24px;line-height:27px}.header-burger-menu-btn,.logo-name{-webkit-user-select:none;-moz-user-select:none;user-select:none}.header-burger-menu-btn{display:none;justify-content:center;align-items:center;cursor:pointer}.header-burger-menu-btn span{padding:8px;border-radius:4px}.header-burger-menu-btn:hover>span{background-color:var(--footer-color)}.header-btns{gap:16px}.header-btn,.header-btns{display:flex;justify-content:center;align-items:center}.header-btn{padding:8px;border-radius:4px;position:relative;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.4s}.header-btn:before{position:absolute;top:0;left:0;content:"";border-radius:inherit;width:100%;height:100%;z-index:-1;opacity:0;transition:.4s}.header-btn:hover:before{opacity:1}.header-btn:before{transition:.6s;background:radial-gradient(250px circle at var(--mouse-x) var(--mouse-y),hsla(0,0%,100%,.05),transparent 40%)}.header-btn:hover{background-color:#18141422;transition:.4s}.header-btn-label{font-weight:700;font-size:24px;line-height:27px}.main-pic{position:absolute;width:60%;height:100%;bottom:0;right:0;object-position:0 -10px;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none}.welcome-block{overflow:hidden;color:#fff;height:100vh;background:linear-gradient(180deg,hsla(0,9%,9%,0),hsla(0,9%,9%,.4)),linear-gradient(261.01deg,#454545 6.83%,#181414)}.wb-wrapper{height:100vh}.first-text{position:absolute;height:-moz-fit-content;height:fit-content;top:0;bottom:0;margin:auto 0;padding:72px 60px;background-color:var(--bg-color);border-radius:8px}.ft-accent{font-weight:700;font-size:64px;line-height:71px}.ft-subaccent{margin-top:12px;font-weight:700;font-size:36px;line-height:40px;position:relative;overflow:hidden;height:40px;max-width:100%;display:flex;flex-direction:column;vertical-align:middle}.ft-subaccent div{word-wrap:normal;max-width:539px;position:relative;margin-top:0;height:80px;transition:margin-top 1s ease-in-out}.ft-solid{margin-top:12px;width:539px;font-family:Candara;font-style:normal;font-weight:200;font-size:24px;line-height:29px}.before-projects-label{margin:72px auto;font-weight:700;font-size:40px;line-height:44px}.before-projects-label,.project-item{color:#fff;position:relative;width:-moz-fit-content;width:fit-content}.project-item{max-width:inherit;height:-moz-fit-content;height:fit-content;background-color:hsla(0,0%,100%,.01);border:1px solid var(--border-line-color);border-radius:8px;padding:94px 130px;margin-bottom:32px}.project-item:before{position:absolute;top:0;left:0;content:"";border-radius:inherit;width:100%;height:100%;z-index:-1;opacity:0;transition:.4s}.project-item:hover:before{opacity:1}.project-item:before{transition:.6s;background:radial-gradient(2800px circle at var(--mouse-x) var(--mouse-y),hsla(0,0%,100%,.05),transparent 40%)}.p-all-info{display:flex;align-items:center;gap:100px;margin-bottom:40px}.p-logo{width:-moz-fit-content;width:fit-content}.p-logo img{object-fit:contain;width:350px;height:180px}.p-title{font-weight:700;font-size:48px;line-height:53px}.p-desc{margin-top:12px;font-weight:500;font-size:24px;line-height:27px}.p-bottom{display:flex;justify-content:flex-end}.p-more-btn{color:#000;font-weight:500;font-size:24px;background:var(--grey-color);border-radius:4px;padding:16px 24px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.4s}.p-more-btn:hover{background-color:var(--grey-hover-color);transition:.4s}footer{background-color:var(--footer-color);margin-top:72px;width:100%;border-top:1px solid var(--border-line-color);padding:56px 0 24px}.footer-wrapper{position:relative;padding:0 112px;justify-content:space-between}.footer-links,.footer-wrapper{display:flex;flex-direction:column}.footer-links{color:#fff;font-weight:700;font-size:20px;line-height:22px;width:-moz-fit-content;width:fit-content;gap:12px}.footer-main-content{display:flex;justify-content:space-between}.footer-underline-text{color:#fff;position:relative;font-family:Candara;font-weight:200;font-size:14px;line-height:17px;margin-top:32px;bottom:0}.footer-underline-text:before{position:absolute;top:-8px;content:"";height:1px;width:100%;background-color:var(--border-line-color)}.footer-right-side{display:flex;flex-direction:column;justify-content:space-between}.footer-social{position:relative;bottom:0;display:flex;gap:36px}.footer-social-contact,.footer-social-other{color:#fff;text-align:right}.footer-social-title{font-weight:700;font-size:20px;line-height:22px;margin-bottom:16px}.footer-social-btn{padding:12px;border-radius:8px;background:hsla(0,0%,100%,.02);cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-repeat:no-repeat;background-position-x:-28px;background-position-y:-28px;animation:rgrad .4s ease forwards;line-height:0}.footer-social-btn:before{position:absolute;top:0;left:0;content:"";border-radius:inherit;width:100%;height:100%;background:radial-gradient(80px circle at var(--mouse-x) var(--mouse-y),hsla(0,0%,100%,.1),transparent 40%);z-index:2;opacity:0;transition:.4s}.footer-social-btn:hover:before{opacity:1;transition:.4s}@keyframes grad{0%{background-position-x:-28px;background-position-y:-28px}to{background-position-x:0;background-position-y:0}}@keyframes rgrad{0%{background-position-x:0;background-position-y:0}to{background-position-x:-28px;background-position-y:-28px}}.social-btn-collection{display:flex;justify-content:flex-end;gap:8px}.other-main .header{position:relative}.about-main-content .wrapper{color:#fff;margin-top:84px;min-height:50vh;max-width:664px}.about-text h1{font-weight:700;font-size:48px;line-height:53px}.about-text h2{margin-top:12px;font-weight:600;font-size:28px;line-height:31px}.about-text h3{margin-top:24px;font-weight:700;font-size:32px;line-height:35px}.about-text p{margin-top:24px;font-family:Candara;font-weight:200;font-size:24px;line-height:29px;text-align:justify}.about-project,.project-rewiew,.project-techs{position:relative;margin-top:56px;color:#fff;border:1px solid var(--border-line-color);border-radius:8px;padding:56px 60px;margin-bottom:32px;background:hsla(0,0%,100%,.01)}.about-project:before,.project-rewiew:before,.project-techs:before{position:absolute;top:0;left:0;content:"";border-radius:inherit;width:100%;height:100%;z-index:-1;opacity:0;transition:.4s}.about-project:hover:before,.project-rewiew:hover:before,.project-techs:hover:before{opacity:1}.about-project:before,.project-rewiew:before,.project-techs:before{transition:.6s;background:radial-gradient(2800px circle at var(--mouse-x) var(--mouse-y),hsla(0,0%,100%,.05),transparent 40%)}.project-rewiew,.project-techs{margin-top:32px;padding:40px 60px}.project-rewiew h3,.project-techs h3{font-weight:700;font-size:40px;line-height:44px}.proj-back{position:absolute;left:8px;top:8px;font-size:28px;padding:4px;border-radius:8px;cursor:pointer}.proj-back,.proj-back:hover{transition:background-color .3s}.proj-back:hover{background-color:var(--footer-color)}.about-project h1{position:relative;font-weight:700;font-size:48px;line-height:53px}.about-project h1:before{position:absolute;bottom:-12px;content:"";height:1px;background-color:#a3a3a3;width:50%}.about-project-p,.about-project-p-header{margin-top:16px;font-weight:400;font-size:24px;line-height:27px;text-align:justify;word-wrap:break-word;position:relative}.about-project-img{margin-top:16px;width:100%;object-fit:contain;height:auto}.open_innew{font-size:20px;position:absolute;top:0}.about-project-p-header{margin-top:32px}.project-logoimg{position:relative;top:-56px;float:right;width:350px;margin-left:40px}.project-logoimg img{object-fit:contain;width:350px;height:180px}.project-techs{position:relative}.project-techs-tags-container{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.project-techs-tags-container span{background-color:var(--border-line-color);padding:8px 16px;border-radius:20px;font-size:18px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.project-techs-tags-container span:hover{opacity:.8}.project-rewiew-container{margin-top:28px;display:flex;gap:20px;align-items:center;-webkit-user-drag:none}.review-avatar img{width:128px;height:128px;border-radius:50%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.review-text-containter{display:flex;flex-direction:column;gap:12px}.review-name{font-weight:700;font-size:32px;line-height:35px}.review-text{font-weight:400;font-size:24px;line-height:27px}.transit{position:fixed;width:100%;height:100vh;background-color:var(--bg-color);animation:out .5s forwards;animation-delay:.5s;z-index:100}@keyframes out{0%{height:100vh}to{height:0}}@keyframes in{0%{height:0}5%{height:100vh}90%{height:100vh}to{height:0}}.transit-back{height:0;bottom:0;animation:in 2.6s forwards}::-webkit-scrollbar{width:16px;height:8px;background-color:var(--bg-color)}::-webkit-scrollbar-thumb{background-color:var(--grey-hover-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:var(--grey-color)}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:100vw;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:#fff;--bs-offcanvas-bg:var(--footer-color);--bs-offcanvas-border-width:1px;--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075)}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-title{margin-bottom:0;line-height:1.5}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.btn-close{box-sizing:content-box;cursor:pointer;border-radius:.375rem;opacity:.7;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:4px;font-size:28px}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-backdrop.show{opacity:.5}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.fade{transition:opacity .15s linear}@media only screen and (max-width:1450px){.about-project-img{object-fit:cover;aspect-ratio:16/7;height:auto}.no-aspect-ratio{aspect-ratio:auto}.footer-wrapper,.header,.main-content,.wrapper{width:80%;max-width:none;margin:0 auto}.header{margin-top:56px}.main-pic{width:100%;object-position:initial;object-fit:contain}.first-text{top:auto;bottom:24px;left:0;right:0;width:-moz-fit-content;width:fit-content;margin:0 auto;background-color:#18141474;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-item{padding:48px 64px}.p-logo{width:75%}.p-all-info{gap:40px;margin-bottom:20px}.p-logo img{width:100%;height:100%}.p-title{font-size:36px}.p-desc{margin-top:0;font-size:20px;line-height:normal}}@media only screen and (max-width:1300px){.project-logoimg{float:none;top:12px;margin:0 auto}.about-project-p-header{margin-top:12px}.about-project h1{text-align:center}.about-project h1:before{position:absolute;bottom:-12px;left:0;right:0;content:"";height:1px;background-color:#a3a3a3;width:50%;margin:0 auto}}@media only screen and (max-width:1000px){.about-project h1{font-size:36px;line-height:normal}.about-project-p,.about-project-p-header{margin-top:12px;font-size:20px;line-height:normal;text-align:justify}.project-rewiew h3,.project-techs h3{font-size:28px;line-height:normal}.review-avatar img{width:64px;height:64px}.review-name{font-size:24px;line-height:normal}.review-text{font-size:20px;line-height:normal}.review-text-containter{gap:4px}.project-rewiew,.project-techs{margin-top:32px;padding:40px 60px;min-height:250px}.p-all-info{gap:20px;flex-direction:column}.p-logo{width:100%;height:200px;max-width:80%}.before-projects-label{font-size:32px;text-align:center}footer{margin-top:72px;padding:56px 0 24px}.footer-wrapper{position:relative;padding:0}.header-btns{display:none}.header-burger-menu-btn{display:flex}.offcanvas-body .header-btns{display:flex;flex-direction:column}.offcanvas-body .header-btn{width:100%;padding:16px 0}.header-btn:hover{color:var(--grey-color);background-color:transparent;transition:0}}@media only screen and (max-width:980px){.main-pic{object-fit:cover}}@media only screen and (max-width:750px){.footer-wrapper,.header,.main-content,.wrapper{width:90%;max-width:none;margin:0 auto}.header{margin-top:56px}.first-text{top:auto;bottom:24px;left:0;right:0;width:90%;margin:0 auto;padding:32px 40px;background-color:#18141474;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ft-accent{font-size:48px;line-height:normal}.ft-subaccent{margin-top:12px;font-weight:700;font-size:20px;line-height:40px;position:relative;overflow:hidden;height:40px;max-width:100%;display:flex;flex-direction:column;vertical-align:middle}.ft-solid,.p-logo{width:100%}.p-logo{max-width:400px;height:200px}.footer-main-content{flex-direction:column;gap:24px;margin:0 auto}.footer-links{align-self:center;text-align:center}.social-btn-collection{justify-content:center}.footer-social-contact,.footer-social-other{text-align:center}.about-text h1{font-weight:700;font-size:36px;line-height:normal}.about-text h2{margin-top:12px;font-weight:600}.about-text h2,.about-text h3{font-size:24px;line-height:normal}.about-text h3{margin-top:28px;font-weight:700}.about-text p{margin-top:16px;font-weight:200;font-size:20px;line-height:normal;text-align:justify}}@media only screen and (max-width:630px){.proj-back{top:4px;left:4px}.about-project,.project-rewiew,.project-techs{padding:28px 32px}.project-logoimg,.project-logoimg img{width:100%}.footer-social{flex-direction:column;gap:24px}.project-item{padding:32px}.p-more-btn{padding:12px 16px;font-size:20px}.p-bottom{justify-content:center}}@media only screen and (max-width:1000px) and (max-height:550px){.welcome-block{height:150vh;position:relative}.main-pic{right:auto;top:0;left:0;bottom:auto}.first-text{padding:28px;bottom:12px}.ft-accent{font-size:40px;line-height:normal}.ft-subaccent{margin-top:0;font-size:20px;height:40px;max-width:100%;display:flex;flex-direction:column;vertical-align:middle}.ft-solid{margin-top:0;font-size:16px;line-height:normal}}@media only screen and (max-width:425px){.welcome-block{height:110vh;position:relative}.about-project h1{font-size:28px}.project-rewiew h3,.project-techs h3{font-size:22px;line-height:normal}.review-name{font-size:18px}.about-project-p,.about-project-p-header,.review-text{font-size:16px}.ft-accent{font-size:11vw}.ft-subaccent{margin-top:0;font-size:4vw}.ft-solid{margin-top:0;font-size:3.5vw;line-height:5.5vw}.about-text h1{font-weight:700;font-size:28px;line-height:normal;text-align:center}.about-text h2{margin-top:48px;font-weight:600;font-size:20px;line-height:normal}.about-text h3{margin-top:24px;font-weight:700;font-size:24px;line-height:normal}.about-text p{margin-top:16px;font-weight:200;font-size:17px;line-height:28px;text-align:justify}.about-main-content .wrapper{margin-top:48px;max-width:284px}}