.App{color:#fff;height:100vh;text-align:center;width:100vw}body{background-color:#121212;margin:0;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-container{align-items:center;height:calc(100vh - 170px);padding-top:25px;width:100vw}.game-container,.grid{display:flex;flex-direction:column}.grid{box-sizing:border-box;height:550px;width:450px}.row{display:flex;flex:33% 1;flex-direction:row;margin:5px 0}.letter{border:2px solid grey;border-radius:5px;box-sizing:border-box;color:#fff;display:grid;flex:33% 1;font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:bolder;height:5rem;margin:0 5px;place-items:center}#error{background-color:#3a393c}.keyboard{height:300px;margin-top:20px;width:700px}.key-row1,.key-row2,.key-row3{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:70px;margin:5px;place-items:center;width:50px}.big{width:100px}.used{background-color:#3a393c}.contains{background-color:#b49f39}.correct{background-color:#528d4e}#used{background-color:#3a393c}#contains{background-color:#b49f39}#correct{background-color:#528d4e}.blurred{filter:blur(5px)}.modal{background:#adadad;border:2px solid #fff;border-radius:5px;box-shadow:0 10px 20px gray;color:#000;font-family:sans-serif;height:20rem;left:50%;position:absolute;top:15%;transform:translateX(-50%);width:25%}.modal>h1{border-bottom:2px solid #000}.modal>h2{margin:50px 0}.hidden{position:absolute;visibility:hidden}.again{background-color:green;border:2px solid #000;border-radius:5px;color:#fff;font-size:150%;padding:5px;text-decoration:none}@media only screen and (max-device-width:480px){.game-container{height:100vh}.grid{height:350px;margin-left:-15px;width:300px}.letter{height:auto}.key{font-size:75%;height:35px;margin:3px;width:30px}.key-row1,.key-row2,.key-row3{margin-left:-5px}.keyboard{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:100vw}.big{width:50px}.modal{width:90%}}
/*# sourceMappingURL=main.44b0826f.css.map*/