body{background-attachment:fixed;background-image:url(/vanadgir.github.io/drawble/static/media/background.63ed797b6ce63480beea.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.main{align-items:center;flex-direction:column;-webkit-user-select:none;user-select:none}.main,h1{display:flex;font-family:Cambria,sans-serif}h1{color:#fff;font-size:2em;margin:0}@media screen and (max-width:767px){#login{position:absolute;top:30%}.room-tools{display:flex;flex-direction:column;height:10vh;justify-content:space-evenly}#key-display{align-content:center;background-color:#fff;border:1px solid #000;margin:0;padding:2px;text-align:center;-webkit-user-select:text;user-select:text}.buttons{display:flex;flex-direction:row}.game-container{border:2px solid #000;display:flex;flex-direction:column;justify-content:space-between;margin-top:16px;#game-canvas{background-color:#fff}}#clear-canvas{left:0}#clear-canvas,#color-options{margin:4px;position:absolute;top:0}#color-options{right:0}.chrome-picker{position:absolute}.chat-container{background-color:#d3d3d3;margin-bottom:0;margin-top:0;padding:0;#chat-box{height:35vh;overflow:auto;-webkit-user-select:text;user-select:text}.message{align-items:center;display:flex;flex-direction:row;.username{margin-right:24px;padding:4px}}.message:nth-child(odd){background-color:#add8e6}#message-input{border:none;height:60px;margin:0;outline:none;padding:0;resize:none;width:100%}}#logout{bottom:0;margin-bottom:16px;position:absolute}}@media screen and (min-width:768px){#login{position:absolute;top:30%}.room-tools{display:flex;flex-direction:column;height:9vh;justify-content:space-evenly}#key-display{align-content:center;background-color:#fff;border:1px solid #000;margin:0;padding:2px;text-align:center;-webkit-user-select:text;user-select:text}.buttons,.game-container{display:flex;flex-direction:row}.game-container{justify-content:space-evenly;#game-canvas{background-color:#fff;border:2px solid #000;border-right:none;height:540px;width:720px}}#clear-canvas{left:0;margin:8px;position:absolute;top:0}#color-options{margin:4px;right:0;top:0}#color-options,.chrome-picker{position:absolute}.chat-container{background-color:#d3d3d3;border:2px solid #000;height:540;margin-bottom:0;margin-top:0;padding:0;width:300px;#chat-box{height:460px;overflow:auto;-webkit-user-select:text;user-select:text}.message{align-items:center;display:flex;flex-direction:row;font-size:small;.username{margin-right:16px;padding:4px}}.message:nth-child(odd){background-color:#add8e6}#message-input{border:none;height:76px;margin:0;outline:none;padding:0;resize:none;width:300px}}#logout{bottom:0;margin-bottom:16px;position:absolute}}
/*# sourceMappingURL=main.f6f05be2.css.map*/