@font-face{font-family:pixel-font;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/pressstart2p/v9/e3t4euO8T-267oIAQAu6jDQyK3nVivM.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}*{font-family:pixel-font,cursive}body,html{background-color:#333;margin:0}video{border:1px solid #000;height:240px;width:320px}#game-container{display:inline-block}#nickname-input{background-color:hsla(0,0%,100%,.4);border:none;color:#789;font-size:20px;height:36px;text-align:center;width:300px}#nickname-input:focus{outline-color:grey}#screensharing{background-color:hsla(0,0%,88%,.8);height:180px;width:320px}#players,#screensharing{border-radius:10px;color:#f5f5f5;display:inline-block;padding:10px}#players{background-color:hsla(0,0%,39%,.8)}#players ul{list-style-type:none}#players li{padding-bottom:.6rem}.player:before{content:url(face_others.a3aa3c07.png);padding-right:1rem}.player.me:before{content:url(face_player.5c1d635b.png);padding-right:1rem}.player.muted:after,.player:after{padding-left:1rem}#chat-container{background-color:hsla(0,0%,39%,.5);border:1px solid hsla(0,0%,78%,.5);border-radius:5px;margin:0 auto;overflow:hidden;width:400px}#chat-container.focused{background-color:hsla(0,0%,39%,.9);border-color:hsla(0,0%,78%,.9)}#chat-container.focused input{background-color:hsla(0,0%,59%,.9)}#chat-messages{direction:rtl;height:180px;overflow:auto;transform:rotate(180deg)}#chat-messages .chat-message{word-wrap:break-word;color:#f5f5f5;direction:ltr;font-size:12px;padding:4px;text-shadow:1px 1px 2px grey;transform:rotate(180deg)}.chat-message{text-shadow:1px 1px 2px grey}.chat-message .chat-message-user{color:#ccc}.chat-message .chat-message-warning{color:#ffb169}.chat-message .chat-message-server-info{color:#4ae68e}.chat-message .chat-message-server-important{color:#e37858}#chat-form input{background-color:hsla(0,0%,59%,.5);border:none;color:#f5f5f5;font-size:12px;padding:10px;width:100%}#chat-form input:focus{outline:none}#canvas,#user-drawing{background-color:#fff;border:3px solid #000}#user-drawing{left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;text-align:center}.pixel-button{background:#f5cdb6;box-shadow:inset .313em .313em 0 rgba(0,0,0,.4),inset -.313em -.313em 0 hsla(0,0%,100%,.4),0 1em .625em -.4em rgba(0,0,0,.8);float:left;height:5em;margin:0 .625em;outline:.25em solid #000;padding:.5em 0 0 .5em;position:relative;transition:.2s linear;width:5em}.pixel-button:hover{box-shadow:inset .313em .313em 0 rgba(0,0,0,.8),inset -.313em -.313em 0 hsla(0,0%,100%,.6),0 1em .625em -.4em hsla(0,0%,100%,.8)}.pixel-button:before{border-bottom:.25em solid #000;border-right:.25em solid #000;left:-.25em;top:-.25em}.pixel-button:after,.pixel-button:before{background:#1b1b1b;content:" ";height:.625em;position:absolute;width:.625em}.pixel-button:after{border-left:.25em solid #000;border-top:.25em solid #000;bottom:-.25em;right:-.25em}
/*# sourceMappingURL=index.00905c5d.css.map */