.appContainer{margin:0 auto;width:100%;background-image:url(/static/media/backg.29546766.jpeg);background-repeat:no-repeat;background-position:50%;background-size:cover;height:100vh;overflow:hidden}.appContainer,h3{text-align:center}.tileSpan{padding-right:10%}.tileWrapper{padding:1%;width:60%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr;text-align:center;margin:0 auto}.tileStyle{display:flex;justify-content:center;align-items:center;border:2px solid #000;border-radius:5px;padding:4%;cursor:pointer;color:#000;background-color:#a3a3a3}@keyframes fadein{10%{opacity:1}50%{opacity:.2}75%{opacity:.4}to{opacity:.6}}.clickedTile{color:#000;background:#72c7ff;animation:fadein 2s;-moz-animation:fadein 2s;-webkit-animation:fadein 2s;-o-animation:fadein 2s;animation-fill-mode:forwards;pointer-events:none}.disableClickEvent{pointer-events:none;cursor:default;color:rgba(0,0,0,.5)}.cupContainer{justify-content:center;text-align:center;align-items:center;margin:0 auto}.bingoBoxDiv{width:60%;height:30%;margin:0 auto;font-size:2em}.overlayScreen{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:2;visibility:hidden}.overlayScreenDisplay{visibility:visible}.imageOverlayScreen{margin:10%;width:35%;height:50%}@media screen and (min-device-width:200px) and (max-device-width:640px){.tileWrapper{width:90%}.tileStyle{font-size:8px}.tileSpan{padding-right:5%;font-size:5px}.imageOverlayScreen{margin-top:20%;width:60%;height:30%}.bingoBoxDiv{font-size:1em}}.confettiDiv{width:50%;margin:0 auto;top:0;left:0}
/*# sourceMappingURL=main.baf06014.chunk.css.map */