body{font-family:Helvetica,Arial,sans-serif}.main{text-align:center;display:flex;justify-content:center;flex-wrap:wrap}.main h2{flex-basis:100%}.main .controls{flex-basis:100%;display:flex;flex-wrap:nowrap;align-self:center;justify-content:center}.bingo-grid{display:grid;grid-template-columns:20% 20% 20% 20% 20%;grid-template-rows:16% 17% 16% 17% 16% 17%;border:2px solid #121212;border-radius:3px;width:375px;height:375px;margin-top:75px;margin-left:auto;margin-right:auto}.bingo-heading{border-bottom:1px solid #121212;background:#a2cfec;font-weight:600}.bingo-heading,.bingo-number{text-align:center;vertical-align:middle;padding:25px 0}.bingo-number{border-top:1px solid #121212}.left-border:not(:first-of-type){border-left:1px solid #121212}.generate-button{font-size:15px;text-decoration:none;color:#fff;background-color:#b00b69;text-align:center;letter-spacing:.5px;transition:background-color .2s ease-out;cursor:pointer;outline:0;border:none;border-radius:2px;display:inline-block;height:36px;line-height:36px;padding:0 16px;text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:transparent}.input-field{height:30px;line-height:30px;border-radius:3px;margin-right:10px;padding-left:5px}.break-page{page-break-after:always}.caller{position:absolute;top:10px;right:10px;cursor:pointer;color:#fff;background-color:#b00b69;text-decoration:none;padding:10px 15px;border-radius:4px}body{font-family:Arial,Helvetica,sans-serif}body,button{text-align:center}button{font-size:15px;text-decoration:none;color:#fff;background-color:#b00b69;letter-spacing:.5px;transition:background-color .2s ease-out;cursor:pointer;outline:0;border:none;border-radius:2px;display:inline-block;height:36px;line-height:36px;padding:0 16px;text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:transparent;margin:5px 10px}input{height:50px;font-size:36px;border-radius:4px;width:15%;margin:0 15px;padding:2px 5px}.called-numbers-container{display:flex;flex-direction:row;flex-wrap:wrap;width:60%;margin:0 20%}.called-numbers-container span{flex-basis:20%;display:flex;flex-direction:row;flex-wrap:wrap}.called-numbers-container span h2{font-weight:700;flex-basis:100%;text-align:center;border-bottom:1px solid #b00b69;min-height:50px;height:50px}.called-numbers-container span span{flex-basis:100%;text-align:center;min-height:50px;display:flex;justify-content:center;align-content:center;font-size:15px;height:50px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:10px}nav{display:flex;flex-wrap:no-wrap;justify-content:flex-end}nav a{margin:5px 10px;padding:5px 10px;color:#fff;background:#b00b69;border-radius:3px;text-transform:uppercase}a:active,a:hover,a:link,a:visited{text-decoration:none}@media print{.no-print{display:none}}