.App{background-color:#121212;color:#fff;height:100rem;text-align:center;width:100vw}.terminate h1,.terminate h3{font-family:Helvetica,Arial,sans-serif}.terminate h3{font-size:30px}.terminate span{color:#528d4e}body{margin:0;padding:0}nav{border-bottom:1px solid grey;display:grid;height:60px;margin:0;place-items:center;width:100%}#navbar_logo{-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-background-clip:text;-moz-background-clip:text;background-color:#528d4e;background-size:100%;font-family:Helvetica,Arial,sans-serif;font-size:45px;font-weight:550;margin:0;text-decoration:none}#navbar_logo:hover{background-color:#2e502c;transition:all .5s ease-out}#correct{background-color:#528d4e}#almost{background-color:#b49f39}#error,#wrong{background-color:#3a393c}.codle{align-items:center;padding-top:30px;width:100vw}.codle,.grid{display:flex;flex-direction:column}.grid{border:1px solid #000;height:420px;width:350px}.row{display:flex;flex:33% 1;flex-direction:row;margin:3px}.key{background-color:grey;border-radius:5px;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:80px}.bottomrow,.middlerow,.toprow{display:flex;flex:33% 1;flex-direction:row;justify-content:center;margin:5px}.letter{border:1px solid #969696;color:#f5f5f5;display:grid;flex:33% 1;font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:700;height:100%;margin:3px;place-items:center}.keyboard{height:300px;margin-top:50px;width:700px}
/*# sourceMappingURL=main.0a986eee.css.map*/