body,html{height:100vh}body{background:#212121;color:#fff;margin:0;padding:0}main{flex:1 1}button{background:#1646a0;border:2px solid #fff;border-radius:25px;color:#fff;cursor:pointer;font-size:1.2em;font-weight:700;height:50px;padding:0 45px;text-transform:uppercase;transition:.4s}button:hover{background-color:#0923af}.start h1{font-size:3.5em}.start p{color:#ecfa00;margin-bottom:2em}.start{align-items:center;justify-content:center}.game,.start{text-align:center}.game h1{font-size:2.5em}.points span{font-weight:700}.tip span{color:#ecfa00}.wordContainer{align-items:center;border:20px solid #26a69a;display:flex;justify-content:center;margin:1.5em;padding:1.5em}.blankSquare,.letter{background-color:#fff;border:3px solid #000;color:#000;font-size:70px;font-weight:700;height:100px;line-height:1.5;text-transform:uppercase;width:100px}.letterContainer{text-align:center}.letterContainer p{margin-bottom:1.2em}.letterContainer form{align-items:center;display:flex;justify-content:center}.letterContainer input{font-size:2em;height:50px;margin-right:1em;text-align:center;width:50px}@media (max-width:850px){.game h1{font-size:2em}.points span{font-size:1.2em}.wordContainer{border:10px solid #26a69a;display:grid;grid-template-columns:auto;justify-content:center;margin:1em;padding:1em}.blankSquare,.letter{font-size:50px;height:80px;width:80px}.letterContainer p{margin-bottom:1em}.letterContainer input{font-size:1.5em;height:40px;margin-right:.8em;width:40px}}h2 span{color:#ecfa00;font-size:1.5em}.gameOver{align-items:center;justify-content:center;text-align:center}.App{font-family:Arial};.App,.footer{align-items:center;display:flex;justify-content:center;text-align:center}.footer{font-family:Arial,sans-serif;height:100%}.footer p{text-align:center}
/*# sourceMappingURL=main.649e40b9.css.map*/