*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}html{font-family:Josefin Sans,sans-serif;font-size:62.5%;color:#000;overflow-x:hidden}body{padding:0%;margin:0;background:#0d0901;background:linear-gradient(180deg,#0d0901,#59574e);width:100vw;height:100vh}.App{text-align:center;color:#fff}nav{height:50%;width:100%;margin:0;border-bottom:1px solid grey;display:flex;align-items:center;justify-content:center}nav h1{margin:0;font-family:Helvetica,Arial,sans-serif;color:#fff;font-size:4.5rem}.game{width:100vw;height:65vh;display:flex;align-items:center;padding-top:50px;flex-direction:column}.board{width:45rem;height:75rem;display:flex;flex-direction:column;padding:1rem}.row{flex:33%;display:flex;flex-direction:row;margin:5px}.letter{flex:33%;height:100%;border:1px solid grey;margin:5px;display:grid;place-items:center;font-size:2rem;font-weight:bolder;color:#fff;font-family:Arial,Helvetica,sans-serif;object-fit:contain}#correct{background-color:#528d4e}#almost{background-color:#b49f39}#error{background-color:#3a393c}.keyboard{width:700px;height:50px;margin-top:60px}.line1{flex:33%;flex-direction:row;display:flex;justify-content:center;margin:5px}.line2,.line3{flex:33%;display:flex;flex-direction:row;justify-content:center;margin:5px}.key{width:50px;height:70px;margin:5px;border-radius:4px;display:grid;place-items:center;font-size:20px;background-color:gray;color:#fff;font-family:Arial,Helvetica,sans-serif;cursor:pointer}#big{width:100px}#disabled{background-color:#3a393c}