.form__item{display:flex;flex-direction:column;margin-bottom:20px}.form__item__input{border:unset;border-bottom:2px solid #202020;background:transparent;outline:none;width:90%}@media screen and (min-width:576px){.form__item__input{width:80%}}.form__item__header{color:#000;font-size:1.2em}.form__item__error{margin-top:5px;color:red;font-size:.8em}.emptyChat{position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.1);color:#efefef;display:flex;justify-content:center;align-items:center;flex-direction:column}.emptyChat .login__buttons__button{outline:none;cursor:pointer;font-weight:700;font-size:1em}.emptyChat__icons{margin:10px 12% 20px;cursor:pointer}.emptyChat__icons:hover{-webkit-filter:brightness(130%);filter:brightness(130%)}.floated__chat .emptyChat{font-size:1em;flex-direction:row;justify-content:space-around;color:#fff;background-color:rgba(34,34,34,.2);height:100%}.floated__chat .emptyChat h4{display:none}.floated__chat .emptyChat__icons{margin:0}.google{color:#db4437}.google:before{color:#db4437;font-size:1.3em}.facebook{color:#1778f2}.facebook:before{color:#1778f2;font-size:1.3em}.floated{position:fixed;right:20px;bottom:30px;height:50px;width:50px;z-index:1100}.floated .floatedButton{height:50px;width:50px;background:#fff;border-radius:50%;box-shadow:0 5px 5px rgba(0,0,0,.1);outline:none;border:none;padding:0}.floated .floatedButton__icon{display:flex;justify-content:center;align-items:center;color:#2f2f2f;font-size:2em;transition:.3s ease-in-out;cursor:pointer;width:100%;height:100%}.floated__chat{display:flex;flex-direction:column;position:absolute;bottom:55px;left:-220px;background:#fff;padding:20px;min-width:250px;border-radius:10px;max-height:340px;opacity:0;visibility:hidden;transition:.3s}.floated__chat__list{overflow-y:auto;margin:0;padding:0;min-height:25px}.floated__chat__header{position:relative;margin:0 0 30px}.floated__chat__header:after{content:"";position:absolute;bottom:-2px;left:0;width:85px;height:2px;background:rgba(0,0,0,.3)}.floated__chat__item{display:flex;width:100%;min-height:20px;margin:10px 0}.floated__chat__item img{margin:0 5px;width:34px;height:34px;border-radius:50%}.floated__chat__message{height:100%;display:inline-flex;align-items:center;border-radius:18px;padding:8px 14px}.floated__chat__userMessage{font-size:1em;letter-spacing:.3px}.floated__chat__item:hover .floated__chat__userMessage{opacity:.8}@media screen and (min-width:576px){.floated__chat{min-width:270px;left:-250px}}@media screen and (min-width:576px){.floated{right:40px;bottom:40px}}.floated__chat__message.sent{background-color:#0084ff;color:#fff}.floated__chat__message.received{background-color:#e4e6eb;color:#000}.received,.sent{justify-content:flex-end}.received{flex-direction:row-reverse}.floated__form{position:relative;margin:10px 0 0;display:flex;justify-content:space-around}.floated__form .form__item{width:80%;margin:0}.floated__form .form__item__input{width:100%}.floated__form__button{padding:0;cursor:pointer;background:transparent;border:unset;align-self:end}.active .floatedButton__icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.floated.active .floated__chat{bottom:60px;opacity:1;visibility:visible;transition:.3s}.social__link{color:#222;text-decoration:none}.icon-facebook:before,.icon-instagram:before,.icon-twitter:before{color:#111;-webkit-transform:scale(1.4);transform:scale(1.4)}.buttons__item{margin-top:8px;position:relative;padding:15px 30px;border:2px solid #fff;text-transform:uppercase;width:150px;border-radius:2px;transition:color .4s ease-in-out,border .4s ease-in-out;font-size:.8em}.buttons__item:before{content:"";position:absolute;top:6px;left:-2px;width:calc(100% + 4px);height:calc(100% - 12px);background:#2f2f2f;transition:-webkit-transform .5s ease-in-out .5s;transition:transform .5s ease-in-out .5s;transition:transform .5s ease-in-out .5s,-webkit-transform .5s ease-in-out .5s;-webkit-transform:scaleY(1);transform:scaleY(1);z-index:22}.buttons__item:hover:before{-webkit-transform:scaleY(0);transform:scaleY(0)}.buttons__item:after{content:"";position:absolute;left:6px;top:-2px;height:calc(100% + 4px);width:calc(100% - 12px);background:#2f2f2f;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;-webkit-transform:scaleX(1);transform:scaleX(1)}.buttons__item:hover:after{-webkit-transform:scaleX(0);transform:scaleX(0)}.buttons__item span{position:relative;z-index:100;color:#fff}@media screen and (min-width:576px){.buttons__item{padding:10px;width:125px;margin-top:12px;border-radius:8px}.buttons__item:hover{border:2px solid hsla(0,0%,100%,.563)}.buttons__item:hover span{color:hsla(0,0%,100%,.563)}.buttons__item:after,.buttons__item:before{display:none}}.icon{opacity:.8;color:hsla(0,0%,100%,.8)}.menu-btn{position:fixed;display:flex;justify-content:center;align-items:center;width:60px;height:60px;cursor:pointer;z-index:1000;opacity:.9;background-color:transparent;outline:none;border:unset;text-align:unset;margin:5px;padding:0}@media screen and (min-width:576px){.menu-btn{display:none}}.menu-btn__burger{border-radius:5px;transition:background-color .5s,box-shadow .5s,-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out,background-color .5s,box-shadow .5s;transition:transform .5s ease-in-out,background-color .5s,box-shadow .5s,-webkit-transform .5s ease-in-out}.menu-btn__burger,.menu-btn__burger:after,.menu-btn__burger:before{width:45px;height:6px;background-color:#fff;box-shadow:0 2px 5px rgba(255,101,47,.2)}.menu-btn__burger:after,.menu-btn__burger:before{content:"";position:absolute;border-radius:2px;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.menu-btn__burger:before{-webkit-transform:translateY(-16px);transform:translateY(-16px)}.menu-btn__burger:after{-webkit-transform:translateY(16px);transform:translateY(16px)}.menu-btn.open .menu-btn__burger{-webkit-transform:translateX(-50px);transform:translateX(-50px);background:transparent;box-shadow:none}.menu-btn.open .menu-btn__burger:before{-webkit-transform:rotate(45deg) translate(35px,-35px);transform:rotate(45deg) translate(35px,-35px)}.menu-btn.open .menu-btn__burger:after{-webkit-transform:rotate(-45deg) translate(35px,35px);transform:rotate(-45deg) translate(35px,35px)}.navbar{width:100%;height:100vh;padding-top:20px;background-color:#2f2f2f;justify-content:center;align-items:center;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;position:fixed;left:0;top:0;font-size:18px;z-index:900}.navbar,.navbar__userinfo{display:flex;flex-direction:column}.navbar__userinfo{color:#fff;font-size:.9em}.navbar__userinfo__info{text-align:center}.navbar__menu{display:flex;justify-content:center;align-items:center;flex-direction:column}@media screen and (min-width:576px){.navbar__menu{align-items:flex-start}}.navbar__menu .menu__logo{display:none;width:140px;margin-bottom:10px}.navbar__menu__item{cursor:pointer;display:flex;font-size:1.3em;color:hsla(0,0%,100%,.8);justify-content:center;align-items:center;height:46px;font-weight:700;grid-gap:5px;gap:5px}.navbar__menu__item--small{display:flex;font-size:1em;width:100%;cursor:pointer;justify-content:flex-start;align-items:center;height:30px;grid-gap:3px;gap:3px;padding-left:5px}.navbar__menu__item--small a{color:hsla(0,0%,100%,.6)}.navbar__menu__item--small:hover{background:rgba(0,0,0,.25)}@media screen and (min-width:576px){.navbar{width:160px;-webkit-transform:translateX(0);transform:translateX(0);padding-top:0;background-color:rgba(0,0,0,.2);display:grid;grid-template-rows:4fr 1.5fr 1.5fr;position:fixed}.navbar__menu .menu__logo{display:inline;display:initial;width:130px;margin:0 auto 40px}.navbar__menu__item{font-size:1.1em;width:100%;justify-content:flex-start;margin:3px 0;padding:0 5px}.navbar__menu__item:hover{background:rgba(0,0,0,.25)}}@media(min-width:1500px){.navbar{width:180px}}.navbar__menu--bottom{display:none}@media screen and (min-width:576px){.navbar__menu--bottom{display:inline;display:initial}}.buttons{margin:10px}.buttons__sign{display:flex;justify-content:center;align-items:center}.buttons__item{cursor:pointer;background-color:unset;white-space:nowrap;font-size:1em;font-weight:700;letter-spacing:.5px;font-weight:400}@media screen and (min-width:576px){.buttons__item{font-weight:400}}.menu__socials{position:absolute;top:0;right:0;display:flex;margin-right:12px;margin-top:6px;font-size:1.3em}@media screen and (min-width:576px){.menu__socials{display:none}}.showNavbar{-webkit-transform:translateX(0);transform:translateX(0)}.spinner{display:flex;flex-wrap:wrap;overflow-x:hidden;justify-content:center;align-items:center;min-height:100vh;margin-bottom:40px}@media screen and (min-width:576px){.spinner{padding-left:160px}}.loader{display:inline-block;width:30px;height:30px;position:relative;border:4px solid #fff;top:50%;-webkit-animation:loader 2s ease infinite;animation:loader 2s ease infinite}.loader-inner{vertical-align:top;display:inline-block;width:100%;background-color:#fff;-webkit-animation:loader-inner 2s ease-in infinite;animation:loader-inner 2s ease-in infinite}@-webkit-keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loader-inner{0%{height:0%}25%{height:0%}50%{height:100%}75%{height:100%}to{height:0%}}@keyframes loader-inner{0%{height:0%}25%{height:0%}50%{height:100%}75%{height:100%}to{height:0%}}@font-face{font-family:"fontello";src:url(/Chess-Game/static/media/fontello.70a4eb67.eot);src:url(/Chess-Game/static/media/fontello.70a4eb67.eot) format("embedded-opentype"),url(/Chess-Game/static/media/fontello.84659016.woff2) format("woff2"),url(/Chess-Game/static/media/fontello.e7421a64.woff) format("woff"),url(/Chess-Game/static/media/fontello.ddd0bbb8.ttf) format("truetype"),url(/Chess-Game/static/media/fontello.217ef5c4.svg) format("svg");font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:"fontello";font-style:normal;font-weight:400;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-cog:before{content:""}.icon-resize-horizontal:before{content:""}.icon-dot-3:before{content:""}.icon-puzzle:before{content:""}.icon-home:before{content:""}.icon-gamepad:before{content:""}.icon-help:before{content:""}.icon-graduation-cap:before{content:""}.icon-google:before{content:""}.icon-twitter-squared:before{content:""}.icon-facebook-squared:before{content:""}html{line-height:1.15}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}hr{box-sizing:content-box;color:inherit;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}table{border-color:inherit;text-indent:0}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}.loginPage__wrapper,.page__wrapper,.registerPage__wrapper{display:flex;flex-wrap:wrap;overflow-x:hidden;justify-content:center;align-items:center;min-height:100vh;margin-bottom:40px}@media screen and (min-width:576px){.loginPage__wrapper,.page__wrapper,.registerPage__wrapper{padding-left:160px}}.loginPage__wrapper,.registerPage__wrapper{padding:100px 0 70px;flex-direction:column}@media screen and (min-width:576px){.loginPage__wrapper,.registerPage__wrapper{padding:100px 0 70px 160px}}.board-b72b1{border:unset}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:"Montserrat",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{background:url(/Chess-Game/static/media/backgroundGameImg.3f6ffd82.jpg) 50%/cover no-repeat;width:100%;min-height:100vh;overflow:auto;position:relative}a{color:hsla(0,0%,100%,.8);text-decoration:none}.flex-c-c{flex-direction:column}.flex-c,.flex-c-c{display:flex;justify-content:center;align-items:center}button{outline:none}
/*# sourceMappingURL=main.f3844d8d.chunk.css.map */