body{margin:0;font-family:sans-serif;background-image:url(/sky.jpg);background-size:cover;background-attachment:fixed}.btn{padding:15px;border-radius:5px;cursor:pointer}.pane{position:absolute;z-index:1;padding:60px 10px 10px;width:200px;overflow:scroll;min-height:500px;max-height:90vh;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center}input{padding:10px;font-size:1rem;border-radius:5px;border:1px solid rgb(215,234,255);background-color:#fff}button{cursor:pointer;font-size:1rem;border-radius:5px;border:none;background-color:#fff}.login{position:absolute;top:calc(50vh - 250px);width:300px;left:calc(50vw - 200px);background-color:#f0f8ff79;padding:70px 50px;border-radius:5px;display:flex;flex-direction:column;align-items:center}.login input{background-color:#ffffffa3;width:100%}.login button:hover{background-color:#d7eaff}.login button{margin-top:20px}h2{font-size:2rem;padding-bottom:5px;color:#566b81}.logo{width:150px}.username-text{position:absolute;z-index:5;bottom:0}.player-chat-bubble{white-space:nowrap;font-size:18px;font-weight:800;color:#ff0;stroke:1px solid black;background-color:#00000024;padding:1px 10px;pointer-events:none}#chatBox{z-index:2;position:absolute;top:calc(100vh - 70px);left:5px;width:calc(100vw - 10px);max-width:1000px;pointer-events:none}#chatBox .chatLog::-webkit-scrollbar{display:none}#chatBox .chatLog{position:absolute;bottom:50px;border-radius:3px 3px 0 0;transition:max-height .15s ease-out;max-width:min(1000px,95vw);height:200px;background-color:#ffe9cd24;word-wrap:break-word;overflow:hidden;overflow-x:hidden;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}#chatBox .chatInputBar{display:flex}#chatBox .chatInputBar textarea{pointer-events:all;width:100%;max-width:957px;border:0px;padding:5px;margin-top:auto;background-color:#ffe9cd60}#chatBox .chatInputBar button{pointer-events:all;color:#0000007a;background-color:#ffe9cd60}#chatBox .openChatButton.open{left:min(calc(100vw - 50px),950px)}#chatBox .openChatButton.open{bottom:225px;top:auto}#chatBox .openChatButton{pointer-events:all;height:50px;width:50px;background-color:#ffe9cd1a;border-radius:0 0 3px 3px;position:absolute;top:5px}.health-bar{content:"";background-color:red;width:10rem;height:1rem}.health-bar .fill{background-color:green;height:100%}canvas{position:static!important}