:root{--font-body:"Open Sans",Arial,sans-serif;--white:#fff;--black:#000}@-webkit-keyframes flip-in{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@keyframes flip-in{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-webkit-keyframes flip-out{0%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes flip-out{0%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@-webkit-keyframes win{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}75%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes win{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}75%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes jiggle{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes jiggle{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@-webkit-keyframes pop{0%{border-color:rgba(0,0,0,.1);-webkit-transform:scale(1);transform:scale(1)}50%{border-color:rgba(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}to{border-color:#000;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{0%{border-color:rgba(0,0,0,.1);-webkit-transform:scale(1);transform:scale(1)}50%{border-color:rgba(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}to{border-color:#000;-webkit-transform:scale(1);transform:scale(1)}}.flip-in{-webkit-animation:flip-in .5s ease-in-out;animation:flip-in .5s ease-in-out}.flip-out{-webkit-animation:flip-out .5s ease-in-out;animation:flip-out .5s ease-in-out}.jiggle{-webkit-animation:jiggle .5s ease-in-out;animation:jiggle .5s ease-in-out}.win{-webkit-animation:win 1s ease-in-out;animation:win 1s ease-in-out}.pop{-webkit-animation:pop .5s ease-in-out forwards;animation:pop .5s ease-in-out forwards}html{box-sizing:border-box;font-family:var(--font-body);font-size:100%}*,:after,:before{box-sizing:inherit}body{align-items:center;background-color:#111112;color:#fff;display:flex;flex-direction:column;font-weight:600;justify-content:center;margin:0;padding:1rem;text-transform:uppercase}body .fa-refresh{color:green;margin-left:10px}h1,h2,h3{line-height:1.1;margin-top:0}h1{font-size:2.25rem;font-weight:700;letter-spacing:.125rem}a,a:active,a:visited{text-decoration:none}.container{margin:0 auto;max-width:69.375rem;padding:0 1.5rem}@media (min-width:71.875em){.container{padding:0;-webkit-transform:translate(0);transform:translate(0)}}.guess{display:grid;gap:.1875rem;grid-template-columns:repeat(5,1fr);margin-bottom:.375rem;width:18.75rem}.guess__tile{align-items:center;border:.125rem solid rgba(66,66,66,.503);display:flex;font-size:2rem;font-weight:600;height:3.25rem;justify-content:center;transition:border-color .3s ease;width:3.25rem}.correct{background-color:#008f00;border-color:#008f00}.present{background-color:#b59f3b;border-color:#b59f3b}.absent{background-color:#595959;border-color:#595959}.not_in_the_list{opacity:0;position:absolute}.not_in_the_list--visible{align-items:center;background-color:#f0f8ff;border:.125rem solid oldlace;border-radius:.5rem;color:#000;display:flex;font-size:.625rem;font-weight:700;height:3.125rem;justify-content:center;left:50%;opacity:1;position:absolute;text-transform:none;top:10%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:7.125rem;z-index:100}.keyboard{color:#f7f7f7;flex-wrap:wrap;gap:6px;padding:20px}.keyboard,.keyboard .key{display:flex;justify-content:center}.keyboard .key{align-items:center;background-color:#818283;border:none;border-radius:5px;cursor:pointer;font-size:20px;height:58px;transition:background-color .3s ease;width:43px}.keyboard .key:hover{background-color:#e0e0e0}.keyboard .key.large{width:70px}.keyboard .space{flex-basis:100%;height:0}.key.large svg{height:30px;width:30px}.key.correct{background-color:#008f00;border-color:#008f00}.key.present{background-color:#b59f3b;border-color:#b59f3b}.key.absent{background-color:#595959;border-color:#595959}@media (max-width:39.9375em){body{font-size:12px;padding:0}body h1{font-size:1.9rem}.keyboard{padding:0}.keyboard .key{font-size:15px;height:58px;width:8vw}.keyboard .key.large{height:58px;width:11vw}.keyboard .key.large svg{height:58px;width:38px}}
/*# sourceMappingURL=style.css.map */