.App{color:#fff;height:auto;text-align:center;width:100vw}:root{--correct:#538d4e;--present:#b59f3b;--purple:#563d7c;--bg:#121212}body{background-color:#121212;background-color:var(--bg);height:100vh;margin:0;overflow:hidden;padding:0}nav{border-bottom:1px solid grey;display:grid;height:60px;margin:0;place-items:center;width:100%}nav h1{color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:45px;margin:0}.game{align-items:center;flex-direction:column;height:calc(100vh - 170px);padding-bottom:20px;padding-top:50px;width:40vw}.game,.score{display:flex;justify-content:space-between}.score{height:200px;margin:10px;width:20vw}.games{align-items:center;display:flex;flex-direction:row;height:calc(100vh - 170px);justify-content:space-between;padding-bottom:20px;padding-top:50px;width:100vw}.board{flex-direction:column;height:50%}.board,.row{display:flex}.row{flex:33% 1;flex-direction:row;margin:1px}.letter{border:2px solid #343434;color:#fff;display:grid;flex:33% 1;font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:bolder;height:60px;margin:2px;place-items:center;width:60px}.whiteboard{background-color:#fff;border-radius:3px;box-sizing:borderbox;color:#121212;color:var(--bg);font-family:Arial,sans-serif;font-size:1.3rem;font-weight:700;margin-top:80px;padding:10px}#correct{background-color:#538d4e;background-color:var(--correct)}#present{background-color:#b59f3b;background-color:var(--present)}#absent{background-color:#3a393c}.keyboard{height:20%;margin-bottom:60px;margin-top:30px;width:100vw}.line1,.line2,.line3{display:flex;flex:33% 1;flex-direction:row;justify-content:center;margin:5px}.key{background-color:grey;border-radius:4px;color:#fff;cursor:pointer;display:grid;font-family:Arial,Helvetica,sans-serif;font-size:20px;height:60px;margin:2px;place-items:center;width:50px}#big{width:100px}#disabled{background-color:#3a393c}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#121212;background:var(--bg)}::-webkit-scrollbar-thumb{background:#538d4e;background:var(--correct)}::-webkit-scrollbar-thumb:hover{background:#b59f3b;background:var(--present)}.Room{align-items:"center";background-color:#121212;background-color:var(--bg);color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center;text-align:center;width:100vw}.btn{background-color:transparent;border:2px solid #fff;border-radius:4px;color:#fff;font-size:1rem;font-weight:700;margin:10px;padding:10px;width:33%}.create{border-color:#538d4e}.create:hover{background-color:#538d4e}.single{border-color:#563d7c;border-color:var(--purple)}.single:hover{background-color:#563d7c;background-color:var(--purple)}.join{border-color:#b59f3b;border-color:var(--present)}.join:hover{background-color:#b59f3b;background-color:var(--present)}.wait{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;font-size:2rem;height:100vh;justify-content:center;margin:20px}
/*# sourceMappingURL=main.1f6ffe35.css.map*/