body
{
    font-family: sans-serif;
    font-weight: bold;
    background-color: #21212a;
}

.table{
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    background-color: white;
}

.tableline
    {
    padding: 10px;
    margin: 0;
    border: 1px solid #ccc;
}

.player
{
    padding: 10px;
    border: 0px solid black;
    background-color: #f4de42;
    color: black;
    width: 250px;
}

.score1
{
    padding: 10px;
    border: 0px solid black;
    background-color: white;
    color: black;
    width: 40px;
    text-align: center;
    color: #445599;
}

.score2{
    padding: 10px;
    border: 0px solid black;
    background-color: white;
    color: black;
    width: 40px;
    text-align: center;
    color: #445599;
}

.break1
{
    width: 30px;
    color: #445599;
}

.break2
{
    width: 30px;
    color: #445599;
}


.frames{
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    /* border: 1px solid black; */
    background-color: #445599;
    color: white;
    //width: 40px;
    text-align: center;
}

.turn1
{
    width: 20px;
    text-align: right;
    color: #445599;
}

.turn2
{
    width: 20px;
    text-align: left;
    color: #445599;
}


.p1{
    text-align: left;
}

.p2{
    text-align: right;
}

h1
{
    color: #88888f;
}