html,body{width:100%;margin:0;padding:0;overflow-x:hidden;height:auto;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;background-color:#222}h1{text-align:center;color:#ffffffba}.chat{width:100%;height:100%;padding:30px;display:flex;margin-bottom:200px;flex-direction:column}.room_container{width:fit-content;display:flex;flex-direction:column;justify-content:center;border-radius:5px;background-color:#43434362;padding:20px 10px;transition:all .1s linear 0s}#message_bar{display:none;position:fixed;bottom:0%;left:50%;transform:translate(-50%,-50%);width:350px}#message_bar button{width:fit-content}#message_bar #user_message{margin:0 1px}.textbox{justify-self:center;align-items:center;display:flex;gap:5px}.callout{color:#ffffffe2;background-color:#4f4f4fbc;padding:8px 18px;font-size:1.5em;margin-right:10px;border-radius:5px;transition:all .1s linear 0s;margin-bottom:15px;width:fit-content}code{font-size:.6em;color:#ff7f90}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.connection_message{color:#5dde4e;font-family:monospace;margin:5px 3px}.disconnected_message{color:#de4e4e;font-family:monospace;margin:5px 3px}input[type=text]{background-color:#403d3e;outline:none;border:none;border-radius:5px;color:#fff;padding:8px 10px;transition:all .1s linear 0s;margin:0 10px}input[type=text]::placeholder{color:#dcdcdc87}.hidden{display:none}.button_container{text-align:center;padding:20px 10px 10px;display:flex;gap:10px;justify-content:center;align-items:center}button{border:none;outline:none;color:#ffffffe2;background-color:#ee496dbc;padding:8px 12px;width:120px;border-radius:5px;transition:all .1s linear 0s;cursor:pointer}button:hover{transform:scale(1.1)}.active{background-color:#201e1fc7;transition:all .1s linear 0s;padding:10px 12px;font-weight:bolder}.message_box{display:flex;flex-direction:column;background-color:#39383870;color:#ccccccb6;width:fit-content;border-radius:7px;padding:6px 20px 12px;transition:all .5s linear 0s;margin:5px 0;max-width:290px;word-wrap:break-word}.message_box .username{font-weight:800;font-size:18px;color:#ee496d}.message_box .time{font-size:12px;font-family:monospace;padding-left:5px}canvas{width:100%}