.tile{align-items:center;border:1px solid #bbb;display:flex;font-size:2.5em;font-weight:700;height:60px;justify-content:center;line-height:60px;margin:4px;text-transform:uppercase;transition:transform .6s ease,background-color .3s ease;width:60px}.tile.correct{--background:#5ac85a;--border-color:#5ac85a}.tile.correct,.tile.present{animation:none;background-color:var(--background);border-color:var(--border-color);color:#fff}.tile.present{--background:#e2cc68;--border-color:#e2cc68}.tile.absent{--background:#a1a1a1;--border-color:#a1a1a1;animation:none;background-color:var(--background);border-color:var(--border-color);color:#fff}.tile.empty{background-color:#121213;border-color:#3a3a3c;color:#fff;display:flex}.tile.flipping{animation:flip .5s ease forwards}@keyframes flip{0%{background:#fff;border-color:#333;transform:rotateX(0)}45%{background:#fff;border-color:#333;transform:rotateX(90deg)}55%{background:var(--background);border-color:var(--border-color);transform:rotateX(90deg)}to{background:var(--background);border-color:var(--border-color);color:#eee;transform:rotateX(0deg)}}.keyboard-row{display:flex;justify-content:center;margin:10px 0}.key{background-color:#3a3a3c;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.2em;font-weight:700;height:50px;line-height:50px;margin:2px;padding:10px;transition:background-color .2s ease;width:40px}.key.correct{background-color:#5ac85a;color:#fff}.key.present{background-color:#e2cc68;color:#fff}.key.absent{background-color:#a1a1a1;color:#fff}.key.special{background-color:#565758;display:flex}.key:hover{background-color:#818384}.key:active{background-color:#a1a1a1;letter-spacing:3px;transform:translateY(10px);transition:.1s}.wordle-container{align-items:center;background-color:#323130;color:#3a32328e;font-family:Verdana,Arial,sans-serif;justify-content:center;min-height:100vh}.grid,.wordle-container{display:flex;flex-direction:column}.grid{margin:20px 0}.row{animation:bounce .2s ease-in-out forwards;display:flex;justify-content:center}h1{font-size:3em}h1,h2{border-bottom:1px solid #eee;color:#fff;display:flex;margin:0 0 30px;padding:20px 0}h2,p{font-size:1em}p{border-bottom:1px solid #eee;color:#fff;display:flex;margin:0}.Acronym,.Hint{background-color:#fff;border:0;border-radius:50px;box-shadow:0 0 8px #0000000d;cursor:pointer;font-size:15px;letter-spacing:1.5px;padding:5px 12px;text-transform:uppercase;transition:all .5s ease}.Acronym:hover,.Hint:hover{background-color:#5ac85a;box-shadow:0 7px 29px 0 #5ac85a;color:#fff;letter-spacing:3px}.Acronym:active,.Hint:active{background-color:#5ac85a;letter-spacing:3px;transform:translateY(10px);transition:.1s}.Title{align-items:center;color:#fff;display:inline-flex;font-size:3em;font-weight:700;justify-content:center;margin:0;position:relative}.Title span{animation:bounce .5s ease-out forwards;animation-delay:calc(var(--index)*.2s);color:#fff;display:inline-block}@keyframes bounce{0%{color:#fff;transform:translateY(0)}50%{color:#fff;transform:translateY(-30px)}to{color:#5ac85a;transform:translateY(0)}}.app-icon{background:none;border-radius:50%;box-shadow:0 2px 5px #0000004d;height:8em;left:10px;position:absolute;top:10px;width:7em}
/*# sourceMappingURL=main.2128360e.css.map*/