@font-face{font-family:IBM_Plex_Mono;font-style:normal;font-weight:400;src:url(/static/media/IBMPlexMono-Regular.d9e7aac4b24188a36180.ttf) format("truetype")}*{box-sizing:border-box;font-family:IBM_Plex_Mono}*,dl,li,ul{margin:0;padding:0}dl,li,ul{list-style-type:none}a{background-color:transparent;color:#fff;text-decoration:none}.App{background:#e5e5e5;border:8px solid #000;min-height:100vh;width:100%}.flex-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}@media(max-width:768px){.flex-container{justify-content:center}}.header{align-items:center;background:#000;color:#fff;display:flex;font-size:24px;height:80px;justify-content:space-between;padding:0 25px;width:100%}.header__logo{cursor:pointer;height:80%}@media(max-width:576px){.header{justify-content:center}.header__logo{display:none}}.dots{align-items:center;display:flex;justify-content:space-between;width:60px}.dots span{border:2px solid #fff;border-radius:50%;height:14px;width:14px}@media(max-width:576px){.dots{display:none}}.container{margin:0 auto;padding:50px 0;width:1320px}@media(max-width:1440px){.container{width:1140px}}@media(max-width:1200px){.container{width:960px}}@media(max-width:992px){.container{width:720px}}@media(max-width:768px){.container{width:540px}}@media(max-width:576px){.container{padding:0 10px;width:100%}}.form{align-items:center;border:4px solid #000;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:40px;padding:20px;position:relative}.form__title{background:#e5e5e5;font-weight:700;padding:0 10px;position:absolute;text-transform:uppercase;top:0;-webkit-transform:translateY(-60%);transform:translateY(-60%)}.form__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:20px;width:100%}.form__wrapper>*{margin-top:10px}.button{display:flex}.button svg path{fill:#000}.button__regular{align-items:center;background:transparent;border:2px solid #000;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:51px;justify-content:center;line-height:22px;transition:all .6s;width:160px}.button__regular:not([disabled]):hover{box-shadow:0 0 20px #000}.button__close{height:50px;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:50px}.button__close:hover{cursor:pointer;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.button__close svg{fill:#000;height:100%;width:100%}.button.delete{background:#000;cursor:pointer;left:0;position:absolute;top:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%);z-index:10}.button.delete svg path{fill:#fff}.button.loader{align-items:center;background-color:inherit;display:flex;gap:1rem;justify-content:center;width:100%}.button.loader span{--dot1:#788c9f;--dot2:#788c9f33;--dot3:#788c9f66;--dot4:#788c9fb3;--duration:700ms;--easing:linear;--delay:1ms;border-radius:50%;height:20px;width:20px}.button.loader span:first-child{-webkit-animation:var(--duration) var(--easing) var(--delay) infinite normal flash1;animation:var(--duration) var(--easing) var(--delay) infinite normal flash1;background-color:var(--dot1)}.button.loader span:nth-child(2){-webkit-animation:var(--duration) var(--easing) var(--delay) infinite normal flash2;animation:var(--duration) var(--easing) var(--delay) infinite normal flash2;background-color:var(--dot2)}.button.loader span:nth-child(3){-webkit-animation:var(--duration) var(--easing) var(--delay) infinite normal flash3;animation:var(--duration) var(--easing) var(--delay) infinite normal flash3;background-color:var(--dot3)}.button.loader span:nth-child(4){-webkit-animation:var(--duration) var(--easing) var(--delay) infinite normal flash4;animation:var(--duration) var(--easing) var(--delay) infinite normal flash4;background-color:var(--dot4)}@-webkit-keyframes flash1{0%,to{background-color:var(--dot1)}25%{background-color:var(--dot2)}50%{background-color:var(--dot3)}75%{background-color:var(--dot4)}}@keyframes flash1{0%,to{background-color:var(--dot1)}25%{background-color:var(--dot2)}50%{background-color:var(--dot3)}75%{background-color:var(--dot4)}}@-webkit-keyframes flash2{0%,to{background-color:var(--dot4)}25%{background-color:var(--dot1)}50%{background-color:var(--dot2)}75%{background-color:var(--dot3)}}@keyframes flash2{0%,to{background-color:var(--dot4)}25%{background-color:var(--dot1)}50%{background-color:var(--dot2)}75%{background-color:var(--dot3)}}@-webkit-keyframes flash3{0%,to{background-color:var(--dot3)}25%{background-color:var(--dot4)}50%{background-color:var(--dot1)}75%{background-color:var(--dot2)}}@keyframes flash3{0%,to{background-color:var(--dot3)}25%{background-color:var(--dot4)}50%{background-color:var(--dot1)}75%{background-color:var(--dot2)}}@-webkit-keyframes flash4{0%,to{background-color:var(--dot2)}25%{background-color:var(--dot3)}50%{background-color:var(--dot4)}75%{background-color:var(--dot1)}}@keyframes flash4{0%,to{background-color:var(--dot2)}25%{background-color:var(--dot3)}50%{background-color:var(--dot4)}75%{background-color:var(--dot1)}}.button[disabled]{cursor:not-allowed;opacity:.5}.hideBtnStyle{background:none;border:none;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0}.input{border:1px solid #000;font-size:12px;height:45px;line-height:18px;position:relative;width:300px}.input.error{border-color:red}.input.error label{color:red}.input input,.input select,.input__file label{background:transparent;border:none;height:100%;outline:0;padding:10px 20px;resize:none;width:100%}.input label{background:#e5e5e5;left:12px;margin-bottom:0;padding:0 8px;position:absolute;top:-9px}.input__file input{display:none}.input__file label{align-items:center;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;line-height:40px;position:static;text-align:center}.input__file label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.input__file label svg{height:25px;margin-left:5px;width:25px}.input__file label.file-added svg path{fill:green}.modal{align-items:center;background:transparent;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:all .5s;width:100vw;z-index:5}.modal .modal-container{background-color:transparent;position:relative}.modal .modal-container svg{opacity:1}.modal .modal-container-wrapper{background:#fff;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.modal .modal-container-header{background:#000;display:flex;height:50px;justify-content:space-between;padding-left:10px}.modal .modal-container-header-text{color:#fff;font-size:15px;line-height:50px;width:90%}.modal .modal-container-header .button__close{width:10%}.modal .modal-container-header .button__close svg path{fill:#fff}.modal .modal-container-content{padding:10px}.modal .modal-svg rect{stroke:#fff;stroke-width:3px}.modal.active{-webkit-animation:fadeIn .7s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeIn .7s cubic-bezier(.165,.84,.44,1) forwards;background:#000}.modal.active .modal-container,.modal.active .modal-container-wrapper{-webkit-animation:modalFadeIn .5s cubic-bezier(.165,.84,.44,1) .9s forwards;animation:modalFadeIn .5s cubic-bezier(.165,.84,.44,1) .9s forwards}.modal.active .modal-svg rect{-webkit-animation:sketchIn .8s cubic-bezier(.165,.84,.44,1) .3s forwards;animation:sketchIn .8s cubic-bezier(.165,.84,.44,1) .3s forwards}@-webkit-keyframes fadeIn{to{background:rgba(0,0,0,.7)}}@keyframes fadeIn{to{background:rgba(0,0,0,.7)}}@-webkit-keyframes fadeOut{to{background:transparent}}@keyframes fadeOut{to{background:transparent}}@-webkit-keyframes modalFadeIn{to{opacity:1}}@keyframes modalFadeIn{to{opacity:1}}@-webkit-keyframes sketchIn{to{stroke-dashoffset:0}}@keyframes sketchIn{to{stroke-dashoffset:0}}.footer{background-color:#000;color:#fff;margin-top:100px;min-height:255px;text-align:center}.footer a{padding-left:10px}.footer a:first-child{padding-left:0}.footer__social{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding-top:60px;width:40%}.footer__social a svg{fill:#fff;transition:all .5s;width:35px}.footer__social a svg path{fill:#fff}.footer__social a svg.odnoklassniki{height:35px}.footer__social a svg.odnoklassniki path{fill:none;stroke:#fff}.footer__social a:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.footer__descr{align-items:center;display:flex;flex-direction:column;justify-content:center;line-height:30px;margin-top:30px}.footer__creater{color:hsla(0,0%,100%,.7);margin-top:10px;padding-bottom:10px}@media(max-width:1200px){.footer__social{width:50%}}@media(max-width:992px){.footer__social{padding-top:40px}}@media(max-width:768px){.footer__social{width:80%}}@media(max-width:576px){.footer__social{padding-top:30px;width:90%}}.skeleton__tabs{margin-bottom:50px}.skeleton__tabs-tab{-webkit-animation:shine-tab 1.6s infinite;animation:shine-tab 1.6s infinite;background-image:linear-gradient(90deg,#ddd,hsla(0,0%,90%,.8) 40px,#ddd 80px);background-size:250px;border-radius:10px;height:50px;width:150px}.skeleton__tabs,.skeleton__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around}.skeleton__wrapper{background:#fff;border-radius:10px}.skeleton__item{-webkit-animation:shine-item 1.6s infinite;animation:shine-item 1.6s infinite;background-image:linear-gradient(90deg,#ddd,hsla(0,0%,90%,.8) 40px,#ddd 80px);background-size:470px;border-radius:10px;height:280px;margin:20px;width:370px}@-webkit-keyframes shine-item{0%{background-position:-100px}to{background-position:370px}}@keyframes shine-item{0%{background-position:-100px}to{background-position:370px}}@-webkit-keyframes shine-tab{0%{background-position:-50px}to{background-position:150px}}@keyframes shine-tab{0%{background-position:-50px}to{background-position:150px}}.project{background:#000;border:8px solid #000;box-shadow:16px 12px 0 #000;color:#fff;height:280px;margin-bottom:30px;position:relative;text-decoration:none;text-transform:uppercase;width:370px}.project-header{align-items:center;background:#000;display:flex;font-size:24px;font-weight:400;height:46px;justify-content:space-between;line-height:24px;padding:0 5px}.project-header p{height:100%;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:90%}.project-header p span.author{display:block;left:0;line-height:46px;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;top:0;width:100%}.project-header p span:last-child:focus-visible{color:green}.project-header svg{height:25px}.project-content{cursor:pointer;display:block;height:178px}.project-content-img{height:100%;object-fit:cover;width:100%}.project-footer{background:#000;font-size:16px;font-weight:400;height:56px;line-height:56px;padding-left:16px;text-align:left}.project__game{box-sizing:initial;position:relative}.project__game:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.project__video iframe,.project__website iframe{height:100%;width:100%}.project__website{cursor:pointer}.project__website .project-content{height:220px}.project__website:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}@media(max-width:992px){.project{width:295px}.project-header{font-size:20px}}@media(max-width:768px){.project{height:300px;width:400px}.project-content{height:198px}}@media(max-width:576px){.project{height:252px;width:400px}.project-header{font-size:17px}.project-header .author span{display:none}.project-content{height:150px}.project__website .project-content{height:190px}}.tabs{margin-top:50px}.tabs__nav{align-items:center;display:flex;justify-content:space-around}.tabs__nav .active{-webkit-transform:scale(1.2);transform:scale(1.2)}.tabs__content{margin-top:40px}@media(max-width:576px){.tabs__nav{flex-wrap:wrap}.tabs .tab__nav:last-child{margin-top:20px}}.special{cursor:pointer;min-height:162px;position:relative;width:130px}.special:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.special svg{height:100%;width:100%}.special .text{bottom:0;font-size:20px;font-weight:600;left:50%;line-height:26px;position:absolute;text-align:center;text-transform:uppercase;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.special .img{height:48px;left:26px;position:absolute;top:40px;width:48px}.special__folder .img{left:23px;top:45px;-webkit-transform:matrix(1,.5,0,.9,0,0);transform:matrix(1,.5,0,.9,0,0)}@media(max-width:992px){.special{min-height:140px;width:110px}.special .img{height:35px;width:35px}}@media(max-width:576px){.special{min-height:94px;width:90px}.special .text{display:none}.special .img{left:15px;top:32px}}.window{background:#4d7bff;border:8px solid #000;box-shadow:16px 12px 0 #000;width:100%}.window__header{align-items:center;background:#000;color:#fff;display:flex;height:46px;justify-content:space-between;padding:0 16px}.window__header-title{font-size:24px;font-weight:400;line-height:46px;text-transform:uppercase}.window__header-icon{height:24px;width:24px}.window__content{background:url(/static/media/sphereGrid.56a1fb1450bfed79168f.svg) 50%/cover no-repeat;min-height:350px;padding:32px}@media(max-width:992px){.window__content{padding:20px}}@media(max-width:576px){.window__content{padding:20px 17px 15px 5px}}
/*# sourceMappingURL=main.b19a2c24.css.map*/