#rackEmPage #rack {
    grid-row: 2/3;
    grid-column: 1/2;
}

rack {
    display: grid;
}

rack ball:nth-child(1) {grid-row: 1/2; grid-column: 6/8}

rack ball:nth-child(2) {grid-row: 2/3; grid-column: 5/7}
rack ball:nth-child(3) {grid-row: 2/3; grid-column: 7/9}

rack ball:nth-child(4) {grid-row: 3/4; grid-column: 4/6}
rack ball:nth-child(5) {grid-row: 3/4; grid-column: 6/8}
rack ball:nth-child(6) {grid-row: 3/4; grid-column: 8/10}

rack ball:nth-child(7) {grid-row: 4/5; grid-column: 3/5}
rack ball:nth-child(8) {grid-row: 4/5; grid-column: 5/7}
rack ball:nth-child(9) {grid-row: 4/5; grid-column: 7/9}
rack ball:nth-child(10) {grid-row: 4/5; grid-column: 9/11}

rack ball:nth-child(11) {grid-row: 5/6; grid-column: 2/4}
rack ball:nth-child(12) {grid-row: 5/6; grid-column: 4/6}
rack ball:nth-child(13) {grid-row: 5/6; grid-column: 6/8}
rack ball:nth-child(14) {grid-row: 5/6; grid-column: 8/10}
rack ball:nth-child(15) {grid-row: 5/6; grid-column: 10/12}

rack ball.titleBall {
    /* grid-column: 2/4; */
    /* grid-row: 1/2; */
}

rack thetitle {
    /* grid-row: 6/7; */
    /* grid-column: 1/12; */
    /* text-align: right; */
    align-self: center;
    font-size: xxx-large;
    font-weight: bold;
    text-align: center;
    padding-left: 16px;
}

rack titleelement {
    display: flex;
    /* grid-template-rows: auto; */
    /* grid-template-columns: auto auto; */
    grid-row: 7/8;
    grid-column: 1/15;
    border-top: solid 4px #747474;
    margin-top: 16px;
    justify-content: center;
}

#breakPage rack {
    grid-row: 1/3;
}

#breakPage {
    display: grid;
    /* align-content: center; */
    /* justify-content: center; */
    grid-template-rows: 1fr 1fr;
    grid-template-columns: auto 1fr;
}

whowillbreak, scotchdoubles {
    /* font-size: 30pt; */
    text-align: center;
    grid-row: 1/2;
    grid-column: 1/2;
}

pagefootercenter ball {
    height: 23pt;
    width: 23pt;
    margin: 0;
    padding: 0;
    border-width: 1px;
    margin-right: 6px;
}

pagefootercenter gamelabel {
    font-size: 23pt;
    font-weight: normal;
}

pagefootercenter ball num {
    font-size: 9pt;
}

pagefootercenter gameelement {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

possiblebreaker, sdbuttons button {
    font-size: 30pt;
    padding: 12pt;
    margin: 16pt;
    border: solid 4px white;
    color: white;
    background-color: transparent;
    border-radius: 10pt;
    height: max-content;
    width: max-content;
    text-shadow: 1.5pt 1.5pt #747474;
}

possiblebreakers, sdbuttons {
    grid-row: 2/3;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    justify-items: center;
}

scotchdoublescontainer {
    font-size: 24pt;
}

whowillbreakcontainer, scotchdoublescontainer {
    font-size: 24pt;
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr;
}

scotchdoubles {
    grid-row: 1/2;
}

sdbuttons {
    grid-row: 2/3;
}

possiblebreaker.selected, sdbuttons button.selected {
    color: black;
    background-color: white;
}

scotchdoublescontainer.hidden {
    visibility: hidden;
}

ball[status="highlighted"] {
    border-color: yellow;
    border-width: 4px;
}

ball[status="grayed"] {
    filter: grayscale(1) brightness(0.75);
}