*{padding:0;margin:0;box-sizing:border-box}body{font-family:sans-serif;background-color:#9cdcfa;height:100vh}.backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#8cccea;display:flex;justify-content:center;align-items:center;z-index:1}.createContainer{background-color:#fff;z-index:2;color:gray;padding:2rem 1rem;border-radius:10px;display:flex;flex-direction:column;gap:1rem}.roomContainer{background-color:#fff;z-index:2;color:gray;padding:2rem 1rem;border-radius:10px;margin-top:20px;display:flex;flex-direction:column;gap:1rem}.create-game-btn{border:2px solid rgb(6,209,249);color:#445ff4;padding:.5rem 1rem;border-radius:10px;background:transparent;cursor:pointer;font-family:Roboto}.create-game-btn:disabled{border:2px solid grey;color:gray;font-family:Roboto}.join-game-form{display:flex;flex-direction:column;margin-top:2rem;font-family:Roboto}.join-game-input{border:2px solid rgb(6,209,249);background:transparent;color:#445ff4;border-radius:10px;padding:.5rem 1rem;outline:none;font-family:Roboto}.join-game-btn{margin-top:1rem;border:2px solid rgb(6,209,249);color:#445ff4;padding:.5rem 1rem;border-radius:10px;background:transparent;cursor:pointer;font-family:Roboto}.error{padding:.5rem 1rem;color:red;font-size:.75rem;font-family:Roboto}