*,:after,:before{box-sizing:border-box;font-family:Arial}body{background-color:#305dfe;display:flex;flex-direction:column;min-height:100vh;margin:0;padding:.05em;font-size:clamp(.5rem,2.5vmin,1.5rem)}.bar,.button{display:flex;justify-content:center;align-items:center}.bar{width:600px}.subbutton{color:#000222;background-color:#35d64a;border:.08em solid #39393c;border-radius:15px;width:100px}.guess-grid{display:grid;justify-content:center;align-content:center;flex-grow:1;grid-template-columns:repeat(5,4em);grid-template-rows:repeat(6,4em);gap:.25em;margin-bottom:1em}.wordletiletrue{color:#fbfbfb;background-color:rgba(67,251,50,.692);border:.05em solid #8a5151;border-radius:5px}.wordletilefalse,.wordletiletrue{font-size:.5em;font-weight:700;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .25s linear}.wordletilefalse{color:#fff;background-color:rgba(249,26,26,.692);border:.05em solid #ffe6e6;width:8em;border-radius:5px}.wordletilepartial{background-color:#fe0}.wordletileempty,.wordletilepartial{font-size:.5em;color:#fff;border:.05em solid #ffe6e6;width:8em;font-weight:700;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .25s linear;border-radius:5px}.wordletileempty{background-color:#305dfe}.dropdown{background-color:#fff;font-size:6px}.dropdown,.dropdownmain{border:.08em solid #39393c;color:#000}.dropdownmain{background-color:hsla(0,0%,100%,.692);font-size:20px;border-radius:10px;width:200px}.container{display:flex;justify-content:center;align-items:center}