.bingo-page{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;padding:20px}.suitcase{margin:20px auto;max-width:500px;padding-top:30px;position:relative;z-index:1}.bingo-side-id{font-size:14px;padding-left:20px}.suitcase img{height:30px;left:50%;position:absolute;top:30px;transform:translateX(-50%);z-index:1}.bingo-card-outer{border:12px solid #5b422d;border-radius:30px;display:block;position:relative;z-index:1}.bingo-card{background-color:#fff;border-radius:15px;overflow:hidden}.bingo-card-content{margin:-1px}.bingo-row{display:flex;flex-direction:row;justify-content:space-between}.bingo-box{border:.5px solid #000;cursor:pointer;flex:1 1 0;font-size:25px;font-weight:500;padding:7px;position:relative;text-align:center;transition:background-color .5s ease,color .7s ease;z-index:1}.bingo-box:after{background-color:rgba(62,255,55,.75);border-radius:100%;content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transform-origin:center;transition:transform .4s ease;width:40px;z-index:2}.bingo-box.selected:after{transform:translate(-50%,-50%) scale(1)}.bingo-box.selected{background-color:#f3f3f3;color:#8f8f8f}.bingo-row.all-selected .bingo-box.selected{background-color:#3eff37;color:#5f5f5f}.bingo-meta{font-size:14px;font-weight:600;margin:0 auto;max-width:600px;padding:20px;text-align:center}.bingo-meta strong{color:#745a45}.bingo-meta img{display:block;margin-top:30px;max-width:100%}@media only screen and (max-width:600px){.suitcase{margin:0 auto;max-width:500px;padding:0 10px}.bingo-box,.suitcase{position:relative;z-index:1}.bingo-box{border:.5px solid #000;cursor:pointer;flex:1 1 0;font-size:2.3vh;font-weight:500;padding:2%;text-align:center;transition:background-color .5s ease,color .7s ease}}