body {
    font-family: 'Arial', sans-serif;
    text-align: center;
}
table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    padding: 8px;
    text-align: center;
    min-width: 30px;
}
th {
    background-color: #f2f2f2;
    border: 1px solid black;
    min-width: 50px;
}
.gray-background {
    background-color: rgb(180, 180, 180);
    border: 1px solid black;
    text-align: center;
    min-width: 50px;
}
.white-background {
    background-color: white;
    border: 1px solid black;
    text-align: center;
    min-width: 50px;
}
.yellow-background {
    background-color: yellowgreen;
    border: 1px solid black;
    text-align: center;
    min-width: 50px;
}

.orange-background {
    background-color: rgb(226, 152, 16);
    border: 1px solid black;
    text-align: center;
    min-width: 50px;
}

.blue-background {
    background-color: lightblue;
    border: 1px solid black;
    text-align: center;
    min-width: 50px;
}
.napis1 {
    display: inline-block;
    padding-right: 40px;
}
.napis2 {
    color: blue;
    font-size: 16pt;
}
.table-title {
    border: 0px;
    font-size: 18px;
    font-weight: bold;
    color: purple;
    background-color: white;
    text-align: left;
}
.table-header {
    border: 1px solid black;
    font-weight: bold;
    background-color: #818181;
    text-align: center;
    min-width: 50px;
}
.table-row {
    border: 1px solid black;
    text-align: center;
    min-width: 50px;
    
}
.toggle-link {
    cursor: pointer;

    text-decoration: underline;
    margin-bottom: 10px;
    display: inline-block;
}

h1 {
    margin-bottom: 20px;
}

.width-space1 {
    width: 130px;
    min-width: 130px;
    background-color: rgb(255, 187, 0);
    font-weight: bold;
}
.width-space2 {
    width: 20px;
    min-width: 10px;
}
.border-title {
    border: 1px solid black;

}
.border-body-game-finished  {
    border: 1px solid black;
    background-color: rgb(213, 218, 218);
}
.border-body-game-to-play {
    border: 1px solid black;
    background-color: rgb(254, 255, 255);
}
.no-border {
    border: 0px;
}
.border-right {
    border-right: 1px solid black;
}
.border-left {
    border-left: 1px solid black;
}
.border-bottom {
    border-bottom: 1px solid black;
}
.border-top {
    border-top: 1px solid black;
}
.game-finished {
    background-color: rgb(180, 180, 180);
}
.game-to-play {
    background-color: rgb(5, 194, 194);
}