@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";html{font-family:Nunito,sans-serif}h1{text-align:center}.flex{display:flex;justify-content:center;align-items:center;width:100%}.controls{display:flex;justify-content:center;align-items:center;margin-top:.5em}.input{min-width:10vw;padding:.5rem 1rem;margin:1vw;border:2px solid black;border-radius:0;text-align:center;font-size:1rem;font-weight:700}.card{cursor:pointer;position:relative}.card span{font-size:2.5vw;font-weight:700;color:#333;text-align:center;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;padding:.5em}.card .cross{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5vw;height:5em;opacity:.8}@media (min-width: 800px){.card .cross{font-size:20px}}@media (min-width: 800px){.card span{font-size:20px}}.card .image,.card .title{position:absolute;width:100%;height:100%;border-radius:8px;overflow:hidden;box-shadow:0 0 10px #0000001a;background-color:#fff;transition:.25s linear;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card .image .card-image,.card .title .card-image{width:100%;height:100%}.card .title{position:absolute;transform:rotateY(90deg);display:flex;align-items:center;justify-content:center;text-align:center}.card .image{transition-delay:.25s}.card:hover .image{transform:rotateY(90deg);transition-delay:0s}.card:hover .title{transform:rotateY(0);transition-delay:.25s}.board{margin:0 auto;width:calc(100vw - 1em);max-width:800px;max-height:800px;height:calc(100vw - 1em);display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);grid-gap:1em;position:relative}@media (max-width: 600px){.board{grid-gap:.5em}}.confetti{position:absolute;top:20%;left:50%}.bingo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12em;font-weight:500;font-family:Bangers,cursive;animation:flash 2s infinite}@media (max-width: 800px){.bingo{font-size:25vw}}@keyframes flash{0%{color:red;opacity:1}16.7%{color:orange;opacity:.5}33.4%{color:#ff0;opacity:1}50.1%{color:green;opacity:.5}66.8%{color:#00f;opacity:1}83.5%{color:purple;opacity:.5}to{color:red;opacity:1}}.button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;background-color:#007bff;color:#fff;cursor:pointer;margin:1vw;min-width:10vw;transition-duration:.3s;font-weight:700;border:2px solid #007bff}.button:hover{transition-duration:.3s;background-color:#fff;color:#007bff;border:2px solid #007bff}