@import url(https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Slab:wght@300&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background-color:#121213;color:#fff}.winner{color:green}.loser,.winner{margin-top:30px;text-align:center}.loser{color:red}.flash{border:#fff;color:#fff;margin-top:30px;text-align:center}.header-container{border-bottom:1px solid #3a3a3c;height:50px;padding:0 16px}.header-text{background-color:#121213;color:#fff;font-family:Roboto;font-size:37px;font-weight:700;letter-spacing:.01em;text-align:center}.tile{color:#fff}.background-yellow{background-color:#b59f3b}.background-grey{background-color:#3a3a3c}.background-green{background-color:#538d4e}.background-black{background-color:#121213}.grid-container{margin-top:50px}.grid-container,.grid-container .tiles-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.grid-container .tiles-container{width:500px}.grid-container .tiles-container .row{display:flex;flex-direction:row}.grid-container .tiles-container .row .tile{align-items:center;border:2px solid #565758;color:#fff;display:flex;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;font-size:32px;font-weight:700;height:50px;justify-content:center;line-height:2rem;margin:2.5px;text-align:center;width:50px}.keyboard-container{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;margin-top:20px;width:500px}.keyboard-container .row-container{display:flex;flex-direction:row;justify-content:center}.keyboard-container .row-container .keyword-button{align-items:center;background-color:#818384;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;font-weight:700;height:50px;justify-content:center;margin:10px 6px 0 0;padding-left:15px;padding-right:15px;text-transform:uppercase}.new-game-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.new-game-container label{font-family:Roboto,serif;font-size:1.2rem;letter-spacing:2px;margin:2rem 0 10px}.new-game-container select{border-radius:10px;font-size:1rem;padding:10px 5px;width:10%}.new-game-container button{border-radius:10px;font-size:1.5rem;height:80px;margin-top:4rem;width:150px}.new-game-container h2{font-family:Roboto Slab,serif;font-size:4rem;letter-spacing:3px}
/*# sourceMappingURL=main.578ab058.css.map*/