body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#2d3436;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.full-page{bottom:0;font-family:Roboto,sans-serif;left:0;padding:1rem 20%;position:relative;right:0;top:0}.option-box{border:1px solid #415157;border-radius:1rem;margin:0 auto}.fields{align-items:center;display:flex;justify-content:space-between;margin:40px 10%}.field{background-color:#636e72;border:1px solid #415157;border-radius:3px;color:#fff;font-size:30px;font-weight:800;height:40px;margin-top:5px;padding:0 10px;width:calc(100% - 50px)}.position-fields{grid-gap:5px;align-items:center;display:grid;gap:5px;grid-template-columns:repeat(6,1fr);justify-content:space-between;margin:5px 10px}.position-fields input[type=text]{background-color:#636e72;border:1px solid #415157;border-radius:3px;color:#fff;font-size:35px;font-weight:800;height:50px;text-align:center;width:50px}.submit-button{display:flex;justify-content:flex-end;margin-bottom:40px;margin-top:15px;padding-right:10%}button{background-color:#00b894;border:none;border-radius:3px;color:#fff;font-family:Roboto,sans-serif;font-weight:800;padding:8px 12px;transition-duration:.2s}button:hover{background-color:#029275;cursor:pointer}label{font-size:1.2em;font-weight:800}.words-box{border:1px solid #415157;border-radius:1rem;display:grid;grid-template-columns:repeat(6,1fr);justify-items:center;margin:2rem auto;padding:20px}p{background-color:#00b894;border-radius:15px;font-family:Roboto,sans-serif;font-weight:800;padding:5px 12px;transition-duration:.3s}p:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}footer{font-size:10px;margin-top:10px}#ft,footer{display:flex;justify-content:center}#ft{flex-direction:column;text-align:center}.green-letters{margin:10px}.five-boxes{align-items:center;display:flex;justify-content:center}@media screen and (max-width:650px){.five-boxes input[type=text]{height:25px;width:25px}.words-box{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:900px){.full-page{padding:1rem 5%}.fields{flex-direction:column;margin-left:15%}.words-box{grid-template-columns:repeat(4,1fr)}.five-boxes{margin-left:10%}.five-boxes input[type=text]{height:40px;width:40px}}