body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.MainMenu{display:flex;flex-direction:column;justify-content:space-between}.MainMenu__logoContainer{width:100%;height:100%;max-width:600px;align-self:center}.MainMenu__logoContainer>img{max-width:100%;max-height:100%}.MainMenu__container{min-height:200px;margin-top:20px;padding:20px 0;border:5px #7A6CD1 solid;border-radius:10px}.MainMenu__serverStatusContainer{display:flex;justify-content:left;align-items:center;margin-left:20px;font-size:20px;font-weight:700}.MainMenu__serverStatusIcon{width:25px;height:25px;margin:0 10px;border-radius:50%;display:inline-block;color:#4b3e92}.MainMenu__serverStatusIcon--connected{background:#1ba120}.MainMenu__serverStatusIcon--disconnected{background:#d43c3c}.MainMenu__usernameContainer{display:flex;justify-content:center;align-items:center;margin:20px 0;font-size:36px;font-weight:700;color:#4b3e92}.MainMenu__username{min-width:200px;min-height:30px;margin-left:20px;padding:3px 10px;border:3px #7A6CD1 solid;border-radius:5px;background:#ded8ff}.MainMenu__username:focus{outline:none}.MainMenu__joinServer{margin:50px auto 0;padding:20px;width:500px;justify-content:center;background:#ffb0b7;color:#4b3e92;border:5px #7A6CD1 solid;border-radius:5px;font-size:30px;font-weight:700}.MainMenu__joinServer:hover{cursor:pointer;background:#F4A3A8}#renderCanvas{width:100%;height:100%}.chatContainer{position:absolute;top:0;left:0;width:500px;height:400px;padding:10px}.chat{background:rgba(0,0,0,.25);padding:2px 3px;font-size:18px;color:#fff9f5;word-wrap:break-word}.chat--yellow{color:#fff578;font-weight:700}.sendChatContainer{position:absolute;left:0;bottom:0;width:500px;background:rgba(0,0,0,.25)}.chatBox{width:100%;height:100%;border:none;background:rgba(0,0,0,0);color:#fff9f5}.chatBox:focus{color:#fff9f5;outline:none}.HomeView{position:absolute;top:0;left:0;width:100%;height:100%;background:#bba6fc;background:linear-gradient(34deg,#ded8ff,#bba6fc)}.HomeView__container{margin:30px auto;padding:30px;width:80%;min-width:300px;max-width:80em;min-height:300px;justify-content:center;text-align:center}