.main{display:flex;height:85vh;margin:5px auto;max-width:1047px;min-height:200px;padding:0 5px;position:relative}@media(max-width:680px){.main{flex-direction:column;height:100vh;margin:5px;padding:0}}.header{align-items:center;background-color:#203660;box-shadow:0 0 5px rgba(13,40,89,.1);display:flex;height:75px;justify-content:center;position:relative;width:100%}.header__wrapper{display:flex;flex:0 1 1000px;padding:0 30px}.header__logo{align-items:center;display:flex;justify-content:center}.header__logo:hover{-webkit-animation:rotate .5s ease-in-out infinite alternate;animation:rotate .5s ease-in-out infinite alternate}.header__menu-btn{align-items:center;background:transparent;cursor:pointer;display:flex;display:none;height:50px;justify-content:center;margin-left:auto;padding:10px;width:50px}.header__menu-btn img{width:100%}.header__menu-btn:hover{-webkit-filter:brightness(.8);filter:brightness(.8)}.header__menu-btn:active{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.header__menu{background:gray;box-shadow:0 5px 5px rgba(51,51,51,.5);display:none;padding:25px;position:absolute;top:100%;width:100%;z-index:999}.header__menu .invisible-btn{background:transparent;height:80vh;left:0;margin:0;padding:0;position:absolute;top:100%;width:100%}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(3deg);transform:rotate(3deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(3deg);transform:rotate(3deg)}}@media(max-width:500px){.header__menu{background-color:#203660;border-top:1px solid #222;display:flex}.header__menu .header__links{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.header__menu .header__link{margin:0;padding:5px}.header__menu-btn{display:flex}}.header__links{color:#fff;list-style:none;margin-left:auto;padding:0}.header__link,.header__links{align-items:center;display:flex;justify-content:center}.header__link{color:inherit;margin-left:20px;position:relative;text-decoration:none}.header__link span{margin-left:3px}.header__link:after{background-color:#00c800;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:.3s cubic-bezier(.19,1,.22,1);width:0}.header__link:hover:after{width:100%}@media(max-width:500px){.header__links{display:none}}.section{background-color:#eff1f5;border:1px solid #a5afc0;border-radius:5px;box-shadow:0 0 5px rgba(13,40,89,.1);display:flex;flex:4 1;flex-direction:column;height:100%;margin-bottom:5px;margin-left:5px;overflow:hidden}.section header{align-items:center;background-color:#203660;display:flex;justify-content:center;min-height:35px;width:100%}.section header span{color:rgba(210,224,249,.75);font-size:18px;font-weight:700;-webkit-user-select:none;-ms-user-select:none;user-select:none}.section__wrapper{height:100%;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.section__background-logo{-webkit-user-drag:none;-webkit-filter:opacity(.04) saturate(0);filter:opacity(.04) saturate(0);left:50%;max-height:100%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;-ms-user-select:none;user-select:none}@media(max-width:680px){.section{margin-left:0}}.aside a{text-decoration:none}.aside__user{align-items:center;border-radius:5px;color:#555;cursor:pointer;display:flex;list-style:none;margin-bottom:1px}.aside__user span:first-child{font-size:.8rem;margin:0 5px}.aside__user span:nth-child(2){overflow:hidden;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap}.aside__user:hover{background:hsla(0,0%,83%,.4)}.aside{background-color:#eff1f5;border:1px solid #a5afc0;border-radius:5px;box-shadow:0 0 5px rgba(13,40,89,.1);display:flex;flex:1 1;flex-direction:column;height:100%;margin-bottom:5px;margin-left:5px;overflow:hidden}.aside header{align-items:center;background:#203660;color:#fff;display:flex;justify-content:center;min-height:35px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.aside header span:first-child{color:rgba(210,224,249,.75)}.aside header span:nth-child(2){background-color:#00c800;border-radius:5px;margin-left:5px;padding:0 5px;text-shadow:0 0 5px #006400}.aside__users-online{padding:5px}@media(max-width:680px){.aside{margin-left:0}}.side-menu-wrapper{display:flex}.side-menu-wrapper .header__buttons{display:none;margin-left:auto}.side-menu{align-items:center;background-color:#eff1f5;background:#eff1f5;border:1px solid #a5afc0;border-radius:5px;box-shadow:0 0 5px rgba(13,40,89,.1);display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-bottom:5px;top:0;width:42px}.side-menu ul{list-style:none;margin:0;padding:0}.side-menu ul li{height:22px;margin:10px;width:22px}.side-menu ul li:hover{-webkit-filter:opacity(.8);filter:opacity(.8)}.side-menu ul li:active{-webkit-filter:opacity(1);filter:opacity(1)}.side-menu ul li a{color:#203660;font-size:22px}@media(max-width:680px){.side-menu{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.side-menu ul{align-items:center;display:flex}.side-menu-wrapper .header__buttons{display:flex}}.header__buttons{align-items:center;display:flex;justify-content:center;margin-left:30px}.header__buttons .btn{border:none;border-radius:5px;color:#eff1f5;cursor:pointer;margin-left:5px;padding:3px 8px;text-decoration:none;text-shadow:1px 1px 5px #4e4e4e;white-space:pre}.header__buttons .btn:hover{-webkit-filter:brightness(.85);filter:brightness(.85)}.header__buttons .signin{background-color:#00c800}.header__buttons .signup{background-color:transparent;border:1px solid #fff}.header__buttons .signout{background-color:#c80000}@media(max-width:680px){.header .header__buttons{display:none}.header__buttons .btn.signup{background-color:#203660;border:none}}.section__chat{display:flex;flex-direction:column;height:100%;position:absolute;top:0;width:100%}.section__chat form{align-items:center;background:#eff1f5;bottom:0;display:flex;height:50px;justify-content:center;padding:10px;width:100%}.section__chat form input{border:1px solid #203660;flex-grow:1;flex-shrink:1;font-size:1.1rem;min-width:100px;padding-left:10px}.section__chat form button,.section__chat form input{border-radius:5px;box-shadow:0 0 3px #d3d3d3;height:35px}.section__chat form button{background-color:#203660;color:#fff;margin-left:10px;padding:0 20px}.section__chat__messages{flex-grow:1;overflow-x:hidden;overflow-y:auto;padding:15px 0 0;width:100%}.section__chat__messages li{list-style:none;word-break:break-word}.section__chat__message{display:flex;padding:5px 20px}.section__chat__message .author{color:#203660;font-weight:700}.section__chat__message .message{color:#333}.section__profile{padding:25px;position:relative}.section__profile .user-not-found{align-items:center;color:#600;display:flex;flex-direction:column;font-size:1.2rem;font-weight:700}.section__profile .user-not-found p:first-child{font-size:7rem}.section__profile .user-not-found a{align-items:center;background:#203660;border-radius:5px;color:#f1f1f1;display:flex;margin-top:50px;padding:5px 10px;text-decoration:none}.section__profile .user-not-found a span{margin-left:7px}.section__profile .user-not-found a:hover{background:#f1f1f1;border:1px solid #203660;color:#203660}.section__profile .title{align-items:center;color:#444;display:flex;font-weight:700}.section__profile .title span{margin-left:5px}.section__profile .title svg{color:red;display:flex;flex-shrink:0}.section__profile .title:first-child{font-size:1.5rem;padding-bottom:10px}.section__profile .title:first-child span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.section__profile .title:first-child svg{color:#1e90ff}.section__profile .box{background-color:hsla(0,0%,83%,.4);border-radius:5px;display:flex;margin:5px 0 15px;padding:10px;word-break:break-word}.section__profile .box .data,.section__profile .box .description{display:flex;flex-direction:column;overflow:hidden}.section__profile .box .description{color:#777;font-weight:700;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.section__profile .box .data span{margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:680px){.section__profile{padding:25px 10px}}h3{align-items:center;color:#333;display:flex;font-weight:400;justify-content:center;padding-top:25px;position:absolute;width:100%}h3 svg{-webkit-animation:loading 1s linear infinite;animation:loading 1s linear infinite;margin-right:10px}@-webkit-keyframes loading{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.section__users{align-items:stretch;display:flex;flex-wrap:wrap;height:auto;justify-content:flex-start;max-width:100%;overflow-y:auto;padding:25px;position:absolute}.section__users .user{align-items:center;background-color:hsla(0,0%,83%,.4);border-radius:5px;display:flex;flex:1 1 200px;flex-direction:column;justify-content:center;list-style:none;margin:5px 0 0 5px;max-height:125px;overflow:hidden;padding:10px;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.section__users .user:hover{-webkit-filter:brightness(.9);filter:brightness(.9)}.section__users .user p{align-items:center;display:flex}.section__users .user svg{-webkit-filter:opacity(.5);filter:opacity(.5);margin-right:5px}.section__users p{color:#777;margin-right:auto;overflow:hidden;text-overflow:ellipsis;width:100%}.section__users p span{margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section__users p:first-child{font-size:1.1rem;font-weight:700}.section__users p:first-child,.section__users span{color:#333}.section__users .invisible{background:transparent;border:0;padding:0}@media(max-width:680px){.section__users{padding:5px 10px 5px 5px}}.section__register{align-items:center;display:flex;flex-direction:column;height:100%;overflow-x:auto;padding:10px;position:absolute;width:100%}.section__register .notification{color:hsla(0,0%,100%,.75);-webkit-filter:opacity(0);filter:opacity(0);left:0;padding:5px;position:absolute;text-align:center;text-shadow:0 0 10px gray;top:0;width:100%}.section__register .notification-success{background:#00c800;-webkit-filter:opacity(1);filter:opacity(1)}.section__register .notification-error{background:#c80000;-webkit-filter:opacity(1);filter:opacity(1)}.section__register img{height:85px;margin:30px auto}.section__register form{display:flex;flex-direction:column;max-width:400px;width:90%}.section__register form span{align-items:center;color:#203660;display:flex;font-size:.8rem;left:10px;padding:0 3px;position:relative;-webkit-transform:translateY(50%);transform:translateY(50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.section__register form span:after{background:#fff;border-radius:25%;content:"";height:3px;left:0;position:absolute;top:45%;width:100%;z-index:-1}.section__register form input,.section__register form textarea{border:1px solid #203660;border-radius:5px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;padding:8px;resize:none}.section__register button{background:#203660;border:none;border-radius:5px;color:#eff1f5;cursor:pointer;margin-left:auto;margin-top:10px;padding:7px;text-shadow:0 0 5px #2b2b2b;width:35%}.section__login{align-items:center;display:flex;flex-direction:column;height:100%;overflow-x:auto;padding:10px;position:absolute;width:100%}.section__login .notification{color:hsla(0,0%,100%,.75);-webkit-filter:opacity(0);filter:opacity(0);left:0;padding:5px;position:absolute;text-align:center;text-shadow:0 0 10px gray;top:0;width:100%}.section__login .notification-success{background:#00c800;-webkit-filter:opacity(1);filter:opacity(1)}.section__login .notification-error{background:#c80000;-webkit-filter:opacity(1);filter:opacity(1)}.section__login img{height:85px;margin:30px auto}.section__login form{display:flex;flex-direction:column;max-width:400px;width:90%}.section__login form span{align-items:center;color:#203660;display:flex;font-size:.8rem;left:10px;padding:0 3px;position:relative;-webkit-transform:translateY(50%);transform:translateY(50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.section__login form span:after{background:#fff;border-radius:25%;content:"";height:3px;left:0;position:absolute;top:45%;width:100%;z-index:-1}.section__login form input{border:1px solid #203660;border-radius:5px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;padding:8px;resize:none}.section__login button{background:#203660;border:none;border-radius:5px;color:#eff1f5;cursor:pointer;margin-left:auto;margin-top:10px;padding:7px;text-shadow:0 0 5px #2b2b2b;width:35%}.section__about{align-items:center;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;position:relative;top:0;width:100%}.section__about .logo{margin-top:40px;max-height:40px;max-width:90%}.section__about .logo img{max-height:100%;width:100%}.section__about span{color:#555;font-size:1.1rem;font-weight:700}.section__about p,.section__about span{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-bottom:20px;margin-top:80px}.section__about p .icon,.section__about span .icon{margin-right:10px}.section__about p .rotated,.section__about span .rotated{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.section__about p{color:#555;font-size:1rem;margin-bottom:0;margin-top:0;padding:0 25px;text-indent:10px}.section__about .technologies{align-items:center;-webkit-animation:roll 20s linear infinite;animation:roll 20s linear infinite;display:flex;height:100px;left:-50%;padding:0;position:relative}.section__about .technologies .technology{display:flex;flex-shrink:0;height:50px;margin:0 25px}.section__about .img-wrapper{align-items:center;background:blue;border-radius:50%;display:flex;justify-content:center;margin-bottom:50px;min-height:200px;min-width:200px;overflow:hidden;padding:5px;position:relative}.section__about .img-wrapper .spinning-background{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;background:linear-gradient(orange,purple,#1e90ff);border-radius:50%;height:300%;left:-50%;position:relative;position:absolute;top:-50%;width:300%}.section__about .img-wrapper .gif{border:5px solid #fff;border-radius:50%;max-height:100%;position:relative}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes roll{to{-webkit-transform:translateX(50%);transform:translateX(50%)}}@keyframes roll{to{-webkit-transform:translateX(50%);transform:translateX(50%)}}*{border:0;box-sizing:border-box;margin:0}body{background-color:#bfc8d9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh}
/*# sourceMappingURL=main.58820a67.css.map*/