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}.section-contacts__wrapper{padding-top:120px}.contact-btn{position:absolute;top:30px;left:50px;z-index:6;color:#fff;text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:700;padding:10px 15px;border-radius:20px;border:none;background-color:#888;line-height:1;cursor:pointer;text-shadow:0 1px 0px rgba(255,255,255,.1);transition:color 300ms cubic-bezier(0.4, 0, 0.2, 1),background-color 300ms cubic-bezier(0.4, 0, 0.2, 1)}.contact-btn:hover,.contact-btn:focus{color:#000;background-color:#f90}.contact-form{position:absolute;width:100%;height:100%;left:0;top:0;background:#fff;z-index:5;padding:80px 50px;transform:translate3d(-100%, 0, 0);transition:.3s ease;border-radius:5px}.contact-form.active{transform:translate3d(0, 0, 0)}.contact-form .close{color:rgba(0,0,0,.7);position:absolute;right:30px;top:30px}.contact-form .close:hover .card-toggle__icon,.contact-form .close:focus .card-toggle__icon{fill:#f90;transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1)}.contact-form .card-toggle__icon{fill:#000;transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1)}.cards{font-family:JetBrains Mono;margin:auto;background:#efefef;border-radius:20px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1),3px 5px 20px rgba(0,0,0,.2);width:70%;max-width:1015px;height:600px;position:relative;display:flex;align-items:flex-end;padding:30px}.cards .card--overview .card-toggle{position:absolute;top:30px;right:30px;opacity:1;color:#fff}.cards .card--overview .card-content{background-color:#efefef;-webkit-clip-path:circle(0% at 91.5% 75px);clip-path:circle(0% at 91.5% 75px)}.cards .card--overview.active .card-toggle{opacity:0}.cards .card--overview.active .card-content{-webkit-clip-path:circle(270% at 91.5% 75px);clip-path:circle(270% at 91.5% 75px)}.cards .card--overview .block--right{background:url(../../assets/img/contacts_template.png) no-repeat bottom right;background-size:contain}.cards .card--github .card-content,.cards .card--facebook .card-content,.cards .card--linkedin .card-content,.cards .card--twitter .card-content{color:#fff}.cards .card--github .card-content .block__text:not(:nth-child(2)),.cards .card--github .card-content .block__text:not(:last-child),.cards .card--facebook .card-content .block__text:not(:nth-child(2)),.cards .card--facebook .card-content .block__text:not(:last-child),.cards .card--linkedin .card-content .block__text:not(:nth-child(2)),.cards .card--linkedin .card-content .block__text:not(:last-child),.cards .card--twitter .card-content .block__text:not(:nth-child(2)),.cards .card--twitter .card-content .block__text:not(:last-child){margin-bottom:20px}.cards .card--github .card-content .block__text,.cards .card--facebook .card-content .block__text,.cards .card--linkedin .card-content .block__text,.cards .card--twitter .card-content .block__text{color:#fff}.cards .card--github .card-content .card-content__link,.cards .card--facebook .card-content .card-content__link,.cards .card--linkedin .card-content .card-content__link,.cards .card--twitter .card-content .card-content__link{display:flex;align-items:center;font-weight:700;font-size:50px;text-align:justify;line-height:1;color:#fff;transition:color 300ms cubic-bezier(0.4, 0, 0.2, 1)}.cards .card--github .card-content .card-content__link .card-content__icon,.cards .card--facebook .card-content .card-content__link .card-content__icon,.cards .card--linkedin .card-content .card-content__link .card-content__icon,.cards .card--twitter .card-content .card-content__link .card-content__icon{fill:#fff;margin-right:20px;transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1);animation:tiltShakeInfinite .5s infinite}.cards .card--github .card-content .card-content__link:hover,.cards .card--facebook .card-content .card-content__link:hover,.cards .card--linkedin .card-content .card-content__link:hover,.cards .card--twitter .card-content .card-content__link:hover{color:#000}.cards .card--github .card-content .card-content__link:hover .card-content__icon,.cards .card--facebook .card-content .card-content__link:hover .card-content__icon,.cards .card--linkedin .card-content .card-content__link:hover .card-content__icon,.cards .card--twitter .card-content .card-content__link:hover .card-content__icon{fill:#000}.cards .card--github .card-content{background-color:#00a896;-webkit-clip-path:circle(0% at 76px 88%);clip-path:circle(0% at 50px 88%)}.cards .card--github.active .card-content{-webkit-clip-path:circle(270% at 76px 88%);clip-path:circle(270% at 50px 88%)}.cards .card--facebook .card-content{background-color:#2f98d1;-webkit-clip-path:circle(0% at 150px 88%);clip-path:circle(0% at 150px 88%)}.cards .card--facebook.active .card-content{-webkit-clip-path:circle(270% at 150px 88%);clip-path:circle(270% at 150px 88%)}.cards .card--linkedin .card-content{background-color:#03679b;-webkit-clip-path:circle(0% at 220px 88%);clip-path:circle(0% at 220px 88%)}.cards .card--linkedin.active .card-content{-webkit-clip-path:circle(270% at 220px 88%);clip-path:circle(270% at 220px 88%)}.cards .card--twitter .card-content{background-color:#7fd0ed;-webkit-clip-path:circle(0% at 292px 88%);clip-path:circle(0% at 292px 88%)}.cards .card--twitter.active .card-content{-webkit-clip-path:circle(270% at 292px 88%);clip-path:circle(270% at 292px 88%)}.card-toggle{z-index:4;position:relative;width:48px;height:48px;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;border:2px solid rgba(0,0,0,0);transition:color 300ms cubic-bezier(0.4, 0, 0.2, 1),border 300ms cubic-bezier(0.4, 0, 0.2, 1)}.card-toggle.active{color:#fff;border-color:#fff}.card-toggle.active .card-toggle__icon{fill:#fff;transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1)}.card-toggle .card-toggle__icon{fill:#000}.card{display:inline-block;margin-right:20px}.card-content{position:absolute;width:100%;height:100%;left:0;top:0;transition:-webkit-clip-path 1s ease;padding:100px 0 0;overflow:hidden;border-radius:5px;padding-left:15px;padding-right:15px}.card-content .card-content__title{font-weight:700;font-size:50px;margin:0 0 30px;text-align:center;line-height:1;color:#f90}.card-content .content__wrapper{width:100%;height:100%;display:flex}.card-content .block{width:50%;height:100%;transition:.3s ease .3s;transform:translate3d(0, 0, 0);display:flex;flex-direction:column}.card-content .block .block__text{text-align:justify;font-size:18px}.card-content .block .block__text:first-child{margin-bottom:20px}.card-content .block img{max-width:90%;width:100%}.card-content .block.block--left{transform:translate3d(0, 0, 0);opacity:0;padding-left:50px}.card-content .block.block--right{transform:translate3d(100px, 0, 0);opacity:0;padding-left:30px}.card.active .block{transform:translate3d(0, 0, 0);opacity:1}form .control{position:relative;margin-bottom:10px;padding-top:20px}form .control label{position:absolute;top:30px;left:0;transition:.3s ease;text-transform:uppercase;font-weight:600;letter-spacing:2px;font-size:14px}form .control.submit{text-align:right}form input,form textarea{width:100%;border:none;border-bottom:1px solid #e3e3e3;outline:none;padding:10px 0}form textarea{resize:none}form .filled label,form input:focus+label,form textarea:focus+label{top:0;font-size:12px}form textarea{height:100px}form .form__submit-btn{width:auto;background-color:#1b91ff;padding:10px 40px;color:#fff;border-radius:40px;font-size:24px;border:none;transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer}form .form__submit-btn:hover,form .form__submit-btn:focus{background-color:#f90}@keyframes tiltShakeInfinite{0%{transform:rotate(0deg)}25%{transform:rotate(5deg)}50%{transform:rotate(0eg)}75%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}