:root{--small-box:10vw;-webkit-user-select:none;user-select:none}.Grid{display:grid;grid-template-columns:1fr;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.row{display:flex;flex-flow:row wrap}.game{flex-flow:column}.game,.letterBox{align-items:center;display:flex}.letterBox{border:solid;border-color:#000;border-width:1px;font-size:40px;height:62px;justify-content:center;margin:4px;width:62px}.letterBox.red{background-color:red}.letterBox.green{background-color:green}.letterBox.yellow{background-color:#ff0}.letterBox.grey{background-color:grey}@media only screen and (max-width:600px){.letterBox{height:10vw;height:var(--small-box);width:10vw;width:var(--small-box)}}.button{background-color:#f0f8ff;border:solid;border-radius:10px;color:#000;cursor:pointer;font-size:20px;font-weight:700;margin:5px;padding:20px;text-align:center;transition:all .5s;width:200px}.button span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.button span:after{content:"\00bb";opacity:0;position:absolute;right:-20px;top:0;transition:.5s}.button:hover span{padding-right:25px;text-decoration:underline}.button:hover span:after{opacity:1;right:0}.answer{align-items:center;background-color:green;border-radius:1px;border-style:solid;font-size:25px;font-weight:600;margin:20px;padding:3px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.messageContainer{border:solid;border-radius:20px;color:#000;flex-direction:column;font-size:20px;font-weight:700;padding:10px 20px;text-align:center;text-decoration:none;transition:.5s;transition:all .1s ease}.messageContainer,.navbar{align-items:center;background-color:#f0f8ff;display:flex;justify-content:center}.navbarWrapper{background-color:var(--primary);display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,auto));height:130px;top:0;z-index:1}.navbarTitle{background-color:#f0f8ff}.navbar>ul,.navbarTitle{margin:0;text-align:center}.navbar>ul{height:80px;list-style:none;padding-left:0;padding-top:30px}.navbar>ul,.navbar>ul>li{display:flex}.navbar>ul>li>a{color:#000;font-size:20px;font-weight:700;margin:30px;padding:0;text-align:center;text-decoration:none;transition:all .1s ease}.navbar>ul>li>a:hover{text-decoration:underline}@media only screen and (max-width:700px){.navbarWrapper{width:100%}.navbar>ul>li>a{margin:10px}}@media only screen and (max-width:515px){.navbarWrapper{width:100%}.navbar>ul>li>a{margin:5px}}.keyboard{align-items:center;display:flex;flex-direction:column;margin-top:1.5%}.key,.keyboardrow{display:flex;justify-content:center}.key{align-items:center;background-color:#f0f8ff;border:1px solid gray;border-radius:10px;height:40px;margin:3px;text-align:center;-webkit-user-select:none;user-select:none;width:40px}.key.green{background-color:green}.key.yellow{background-color:#ff0}.key.grey{background-color:grey}.key:active{background-color:#818589}.backspace{align-items:center;background-color:#f0f8ff;border:1px solid gray;border-radius:10px;display:flex;height:40px;justify-content:center;margin:3px;text-align:center;width:60px}.backspace:active{background-color:#818589}.enter{align-items:center;background-color:#f0f8ff;border:1px solid gray;border-radius:10px;display:flex;height:40px;justify-content:center;margin:3px;text-align:center;width:80px}.enter:active{background-color:#818589}@media only screen and (max-width:600px){.key{height:30px;margin:2px;width:30px}.backspace{height:30px;width:40px}.enter{height:30px;width:50px}}.title{font-size:50px;text-align:center}.mainMenu{align-items:center;display:flex;flex-flow:column}.mainMenu ul{list-style:none;padding:0}.mainMenu li{border-style:solid;border-width:1px;font-size:35px;margin:20px;padding:10px;text-align:center}.mainMenu ul :hover{background-color:gray;cursor:pointer}.mainMenu a{color:#000}.mainMenu a:link{text-decoration:none}.instructions .green{background-color:green}.instructions .green,.instructions .yellow{border-radius:1px;border-style:solid;font-weight:600;margin:5px}.instructions .yellow{background-color:#ff0}.instructions .grey{background-color:grey;border-radius:1px;border-style:solid;font-weight:600;margin:5px}.instructions{align-items:center;display:flex;flex-flow:column}.instructions ul{list-style:none;padding:0}.instructions li{font-size:25px;margin:10px;padding:0;text-align:center}
/*# sourceMappingURL=main.072b88ba.css.map*/