body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#ffffc5;text-align:center}.App-logo{pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}@media screen and (max-width:500px){.App-header{align-items:center;background-color:#ffffc5;display:flex;flex-direction:column;flex-flow:column wrap;font-size:calc(10px + 2vmin);height:-webkit-fit-content;height:fit-content;justify-content:center;min-height:100vh;min-width:100vw;overflow:hidden;padding:0;width:-webkit-fit-content;width:fit-content}}.App-header{align-items:center;background-color:#ffffc5;display:flex;flex-direction:column;flex-flow:column wrap;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.heading{padding:10px}.heading,.heading2{-webkit-text-stroke:1px #000;border-radius:20px;color:#fff;font-family:Barriecito;font-size:2rem;font-weight:300;letter-spacing:3px}.heading2{padding:1rem}.button{animation:button-fade-in .5s ease-in-out;background-color:#f1f1f1;border-radius:10px;color:#000;cursor:pointer;display:block;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1rem;margin-top:1rem;padding:10px 20px;text-align:center;transition:all .3s ease;width:100%}.App-link{color:#61dafb}.popup{animation:button-fade-in .5s ease-in-out;background-color:#f1f1f1;border-radius:10px;box-shadow:3px 3px 10px #0003;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1rem;margin-top:1rem;padding:1rem;position:absolute;text-align:center;transition:all .3s ease}.popup-content{background:#fff;border-radius:8px;padding:20px;text-align:center}.row{display:flex;justify-content:center}.row,.row>div{text-align:center}.row>div{background-color:#eee;border:1px solid #949494;color:#404040;display:block;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1.75em;font-weight:700;height:60px;line-height:60px;margin:4px;text-transform:uppercase;width:60px}.yellow{background-color:#ffdc50!important}.green,.yellow{animation:flip .5s ease forwards}.green{background-color:#6cf788!important}.gray{animation:flip .6s ease forwards;background-color:#b1b1b1!important}.row>div:nth-child(2){animation-delay:.2s}.row>div:nth-child(3){animation-delay:.4s}.row>div:nth-child(4){animation-delay:.6s}.row>div:nth-child(5){animation-delay:.8s}.row.current>div.filled{animation:bounce .2s ease-in-out forwards}.keypad{display:flex;flex-direction:column;gap:.5rem;margin:20px auto;max-width:500px;padding-bottom:225px}.keypad-row{display:flex;gap:.3rem;justify-content:center}button{border:1px solid #888;border-radius:5px;cursor:pointer;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1.25rem;padding:.5rem;text-transform:uppercase}button.green{background-color:#6aaa64;color:#fff}button.yellow{background-color:#c9b458;color:#fff}button.gray{background-color:#787c7e;color:#fff}.hovered{color:#000;transform:scale(1.1)}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@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:#000;transform:rotateX(0deg)}}@keyframes bounce{0%{border-color:#ddd;transform:scale(1)}50%{transform:scale(1.2)}to{border-color:#333;transform:scale(1)}}
/*# sourceMappingURL=main.373acdb2.css.map*/