@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.App{display:flex;justify-content:center;align-items:center;text-align:center}.end{gap:1rem;box-sizing:border-box;padding-bottom:5rem;height:100vh;font-size:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.scoreSpan{font-size:3rem;color:#ecd23d}.game{gap:1rem;box-sizing:border-box;padding-bottom:5rem;height:100vh;font-size:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.tip span{color:#ecd23d}.wordContainer{box-sizing:border-box;display:flex;min-height:14rem;min-width:90%;justify-content:center;align-items:center;border:2px solid;padding:1rem 2rem}.letterContainer{width:10rem;height:10rem;display:flex;text-align:center;justify-content:center;align-items:center;border:1px solid}.letterContainer .letter{font-size:7rem;font-weight:300}.letterInputContainer{padding:3rem 0}.letterInputContainer form{margin-top:1.5rem;display:flex}.letterInputContainer input{background-color:#151515;color:#dbd1bf;font-size:7rem;width:10rem;height:10rem;border-radius:2px;border:2px solid;text-align:center;font-weight:300;margin-right:4rem}.wrongLettersContainer span{color:#ec3d3d}.textTries span{color:#ecd23d}@media screen and (max-width: 767px){.game{gap:.5rem;font-size:1rem;padding-bottom:2.5rem}.wordContainer{padding:.5rem 1rem;min-height:7rem}.letterContainer{width:5rem;height:5rem}.letterContainer .letter{font-size:3.5rem}.letterInputContainer{padding:1.5rem 0}.letterInputContainer form{margin-top:.75rem}.letterInputContainer input{font-size:3.5rem;width:5rem;height:5rem;margin-right:2rem}.buttonLetter{font-size:2rem;padding:.75rem 1.5rem;border-radius:.4rem}}.start h1{font-size:6.5rem}.start{gap:3rem;box-sizing:border-box;padding-bottom:5rem;height:100vh;width:40%;font-size:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}h1{font-size:3rem}h2{font-size:2rem}*{margin:0;padding:0;font-family:Inter}html{font-size:62.5%}body{height:100vh}body{background-image:radial-gradient(#151515,#0e0e0e);color:#dbd1bf}button{font-family:Inter,sans-serif;font-weight:400;background-color:#151515;color:#dbd1bf;font-size:4rem;padding:1.5rem 3rem;border:2px solid #dbd1bf;border-radius:.8rem;cursor:pointer;font-weight:700;text-transform:uppercase;transition:.4s}button:hover{background-color:#313131}button:active{background-color:#515151}