*{box-sizing:border-box}body{background:url(/static/media/bg.e638878531934722ac1f.png);background-position:50% cebter;background-size:cover}.section{display:inline-block;height:300px;margin-top:10%;text-align:center;vertical-align:middle;width:50%}.app .hero{position:relative}.hero button{background:rgba(0,0,0,.5);color:#fff;padding:10px 30px;position:absolute;top:50%}.wraper{width:90%}.hero .next{right:0}.hero .prev{left:0}.d-flex{align-items:center;display:flex;height:300px;justify-content:center}.form input{background:hsla(0,0%,100%,.5);border:1px solid #fff;font-size:20px;padding:10px;text-align:right}.form button{background:rgba(0,0,0,.5);color:#fff;padding:10px}.form button,.form input{display:block;width:100%}.status{right:0}.online-users,.status{position:absolute;top:0}.online-users{left:0}.online-users,.status{display:inline-block}.chat,.online-users,.status{background:rgba(0,0,0,.5);color:#fff;padding:10px}.chat{bottom:0;position:absolute;right:0}.chat .messages{direction:rtl;height:150px;margin-bottom:10px;overflow-y:auto;text-align:right;width:400px}.chat input[type=text]{background:hsla(0,0%,100%,.4);border:1px solid #fff;padding:7px;width:82.5%}.chat input[type=submit]{background:#fff;border:1px solid #fff;padding:7px 20px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#555}::-webkit-scrollbar-thumb{background:#fff}.user{left:100px;position:absolute;top:100px}.game{height:90vh}.game:focus-visible{outline:0}.user .name{background:rgba(0,0,0,.2);bottom:111%;color:#fff;font-size:13px;left:-50%;padding:5px;position:absolute;text-align:center;width:164px}.user .message{background:hsla(0,0%,100%,.7);border-radius:7px;left:119%;padding:7px 15px;position:absolute;top:51px;width:150px}.user .message:after{border:7px solid transparent;border-right-color:hsla(0,0%,100%,.3);content:"";position:absolute;right:100%;top:10px}.user:after{background:rgba(0,0,0,.3);border-radius:50%;content:"";height:50px;left:50%;position:absolute;top:100%;-webkit-transform:rotateX(79deg) translateX(-50%);transform:rotateX(79deg) translateX(-50%);width:50px}
/*# sourceMappingURL=main.b83028b1.css.map*/