nav{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;display:flex;width:100%;z-index:99999;justify-content:space-between;pointer-events:none;top:0;left:0}nav>.left{pointer-events:all;margin:30px 0 0 30px;display:flex;flex-direction:column;gap:50px}nav>.left .home{width:70px;height:70px;background-image:url("../img/Home.png");background-size:contain}nav>.left .home:hover{background-image:url("../img/Home_hover.png")}nav>.left .home:active{background-image:url("../img/Home_active.png")}nav>.left img{width:100px;height:100px}nav>.left .pointer{cursor:pointer;margin-left:25px;padding:4px 16px 4px 15px;border-radius:25px;width:fit-content;background-color:#888;color:#fff;font-family:JetBrains Mono;font-size:32px;font-style:normal;font-weight:400;line-height:normal;transition:.1s}nav>.left .pointer span{display:none}nav>.left .pointer:hover span{display:inline}nav>.left .pointer.active{background:#1b91ff}nav>.left .pointer:active{background-color:#000;color:#1b91ff}nav>.right{pointer-events:all;position:relative;z-index:9999}nav>.right .more-btn{margin-top:30px;margin-right:30px;width:70px;height:70px;background-image:url("../img/More.svg");transition:.1s;cursor:pointer}nav>.right .more-btn:hover{background-image:url("../img/More_hover.svg")}nav>.right .more-btn:active{background-image:url("../img/More_presed.svg")}nav>.right #nav-menu{z-index:9999;transition:.5s;position:absolute;width:600px;height:100vh;background-color:#888;top:0;right:-600px;display:flex;justify-content:space-between}nav>.right #nav-menu.active{right:0}nav>.right #nav-menu .links{display:flex;flex-direction:column;gap:37px;margin-left:73px;margin-top:66px}nav>.right #nav-menu .links a{display:block;font-family:JetBrains Mono;font-size:48px;font-style:normal;font-weight:400;line-height:normal;color:#fff;width:fit-content}nav>.right #nav-menu .links a:hover{color:#1b91ff}nav>.right #nav-menu .links a:active{color:#000}nav>.right #nav-menu .links a:visited{color:#fff}nav>.right #nav-menu .links a:visited:hover{color:#1b91ff}nav>.right #nav-menu .links a:visited:active{color:#000}nav>.right #nav-menu .button{width:70px;height:70px;margin-top:30px;margin-right:30px;background-image:url("../img/Close.svg");cursor:pointer}nav>.right #nav-menu .button:hover{background-image:url("../img/Close_hover.svg")}nav>.right #nav-menu .button:active{background-image:url("../img/Close_presed.svg")}*,*::before,*::after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}a{text-decoration:none;cursor:pointer}body{background-color:#161616;font-family:JetBrains Mono;text-rendering:auto}body section>h2{color:#fff;font-size:96px;font-style:normal;font-weight:700;line-height:normal;text-align:center}.more-btn-block{background-color:#888;color:#fff;text-align:center;transition:.1s;font-variant-ligatures:normal}.more-btn-block:hover{background-color:#1b91ff}.more-btn-block:active{background-color:#000;color:#1b91ff}body h2{color:#fff;font-size:96px;font-style:normal;font-weight:700;line-height:normal;text-align:center;margin-top:120px;margin-bottom:60px}body .wrapper{margin:0 auto;margin-bottom:120px;color:#000;width:1400px;border-radius:60px;background:#fff;padding:65px 50px 60px}body .wrapper .case .info{display:flex;justify-content:space-between}body .wrapper .case .info div{font-style:normal;font-weight:400;line-height:normal}body .wrapper .case .info div .title{font-size:64px;margin-bottom:20px}body .wrapper .case .info div .technologies{margin-bottom:35px}body .wrapper .case .info div .date{margin-bottom:20px}body .wrapper .case .info div p,body .wrapper .case .info div a{font-size:40px}body .wrapper .case .info div a{text-decoration-line:underline}body .wrapper .case .info img{width:800px;height:450px}body .wrapper .case .text{margin-top:60px;font-size:32px}body .wrapper hr{height:5px;border:none;border-radius:2.5px;background-color:#000;margin:65px 0}