body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background-image:url(https://media.istockphoto.com/vectors/vector-bowling-seamless-pattern-color-background-and-outline-design-vector-id585607042)}body{height:100%;margin:10px 5px 0;padding:5px;background:hsla(0,0%,100%,.9);border-radius:5px}.App,.App h1{text-align:center}.App h1{margin:0}.App .instructions{background:#fff;border-radius:5px;display:inline-block;text-align:left}.App h2{margin:0;display:inline}.App h2:after{content:": "}.App p{margin:0;display:inline;border-radius:5px}.App table{border-collapse:collapse;margin:5px 0 0}.App table th{padding:5px;text-align:center}.App table td{padding:0 5px;vertical-align:top;text-align:left}.App table td:nth-child(2){text-align:center}td,th{border:1px solid #000}button,input{font-size:15px;padding:5px 10px;overflow:hidden}.game button.addPlayerButton{background:#3d6881;color:#fff;margin:5px;padding:10px;font-weight:700}* button,.autoAdvanceContainer{border-radius:3px;box-shadow:3px 3px 5px grey;border:1px solid #000}* button:hover,.autoAdvanceContainer:hover{box-shadow:2px 2px 4px grey}.autoAdvanceContainer{background:#fff;color:#000;font-weight:700;margin:5px 5px 5px 20px;padding:5px;position:relative;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:25px}.autoAdvanceContainer p{margin:10px 10px 10px 5px}.autoAdvanceContainer input{height:40px;width:40px;position:absolute;z-index:1;opacity:0;right:3px;bottom:-5px}.autoAdvanceContainer span{height:18px;position:relative;display:inline-block;border-radius:25px;top:2.5px;width:32px;-webkit-transition:.25s;transition:.25s;border:1px solid #000;background:-webkit-gradient(linear,left top,right top,color-stop(50%,#42a5e0),color-stop(50%,#ef2547));background:-webkit-linear-gradient(left,#42a5e0 50%,#ef2547 0);background:linear-gradient(90deg,#42a5e0 50%,#ef2547 0);background-size:150% 100%;background-position:100% 100%}.autoAdvanceContainer span span{top:-1px;right:13px;background:#fff;width:18px;position:absolute;-webkit-transition:.25s;transition:.25s}.autoAdvanceContainer input:checked~span span{right:-1px;-webkit-transition:.25s;transition:.25s}.autoAdvanceContainer input:checked~span{background-position:0 100%;-webkit-transition:.25s;transition:.25s}.player{max-height:150px;border:1px solid #000;-webkit-transition:max-height .125s,-webkit-transform .25s .125s;transition:max-height .125s,-webkit-transform .25s .125s;transition:transform .25s .125s,max-height .125s;transition:transform .25s .125s,max-height .125s,-webkit-transform .25s .125s;margin:5px;padding:5px;border-radius:3px;box-shadow:4px 4px 5px grey;background:#fff;text-align:left;overflow:hidden}.off{max-height:0;background:transparent;-webkit-transition:max-height .25s .125s,-webkit-transform .25s;transition:max-height .25s .125s,-webkit-transform .25s;transition:transform .25s,max-height .25s .125s;transition:transform .25s,max-height .25s .125s,-webkit-transform .25s;-webkit-transform:translate(-110%);transform:translate(-110%);border:none;padding:0;margin:0}.player button,.player input{margin:0 5px}.player input.nameInput{width:300px;max-width:30%}.player input{box-shadow:inset .5px .5px .5px grey}.player button{background:#ef2547;position:relative;float:right;color:#fff;font-weight:700;width:25%;max-width:350px;white-space:nowrap}.player .clearScoreButton{background:#f8af19;width:auto}.playerGame{border:1px solid #000;padding:0;display:grid;grid-template-columns:repeat(22,1fr);margin:10px 5px 5px;height:90px;border-radius:3px;overflow:hidden}.playerGame span{text-align:center}.playerGame span:nth-child(2n){border-right:1px solid #000;border-left:1px dashed #000;border-bottom:1px dashed #000}.playerGame span input{width:90%;height:85%;margin:auto;padding:0;font-size:20px;text-align:center;box-shadow:inset .5px .5px .5px grey}.playerGame span.sum{text-align:center;padding:0;grid-row:span 2;width:100px;border:none;font-size:35px;margin:auto}.playerGame span.sum button{background:green;display:block;width:90%}.playerGame div:last-child,.playerGame span:nth-child(21){border-right:1px solid #000}.playerGame div{grid-column:span 2;margin:0;font-size:20px;text-align:center;padding-top:10px}.playerGame div:not(:last-child){border-right:1px solid #000}.playerGame div:last-child{grid-column:span 3}@media only screen and (max-width:750px){.autoAdvanceContainer,.game button,.player button{font-size:12px;box-shadow:2px 2px 4px grey;margin-bottom:2px}h1{font-size:30px}h2{font-size:20px}.instructions p{font-size:13px}table{font-size:12px}.autoAdvanceContainer span{top:5px}.player{padding:1px;margin:1px 1px 5px;box-shadow:none}.player input.nameInput{font-size:10px;border:1px solid #d3d3d3;margin:1px}.playerGame{margin:1px;height:auto;width:100%}.playerGame span.sum{font-size:14px;width:40px}.playerGame span.roll{border:none}.playerGame span.roll:nth-child(2n){border-right:1px solid #000}.playerGame span.roll:nth-child(20){border-right:none}.playerGame span.roll input{font-size:10px;height:20px;width:95%;border:.5px solid grey;position:relative;bottom:1px}.playerGame div{font-size:12px;height:10px;padding:5px}}
/*# sourceMappingURL=main.6998e751.chunk.css.map */