*{margin:0;padding:0;box-sizing:border-box}body{width:100%;height:100%;overflow:hidden;background-color:#074d5e;font-family:VT323,monospace}#rotateAlert{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;background-color:#074d5e;justify-content:center}#rotateAlert img{width:40px;height:40px;fill:#fff}#rotateAlert span{text-align:center;font-size:24px;font-weight:medium;color:#fff;font-family:VT323,monospace}#usernameInput{position:fixed;padding:4px;width:200px;border:2px solid #fff;outline:none;background-color:transparent;color:#fff;font-size:16px;font-family:VT323,monospace;transform:translate(-50%,-50%);z-index:1000}#usernameInput::placeholder{color:#fff;opacity:.5}