td{
    height: 25px;
    width: 25px;
    padding: -10px;
    text-align: center;
    background-color: rgb(204, 204, 204);
}

input{
    width: 150px;
}

button{
    border-width: 2px;
    border-color: rgb(0, 212, 149);
    background-color: rgb(0, 182, 45);
    color: black;
}

button:hover{
    border-width: 2px;
    border-color: rgb(0, 182, 45);
    background-color: rgb(0, 212, 149);
    cursor: pointer;
    color: black;
}

button:disabled{
    border-width: 2px;
    border-color: rgb(66, 66, 66);
    background-color: rgb(51, 51, 51);
    cursor: not-allowed;
    color: black;
}

input{
    border-width: 2px;
    border-color: rgb(0, 212, 149);
    background-color: rgb(0, 182, 45);
    color: black;
}

input:hover{
    border-width: 2px;
    border-color: rgb(0, 182, 45);
    background-color: rgb(0, 212, 149);
    cursor: pointer;
    color: black;
}

input:disabled{
    border-width: 2px;
    border-color: rgb(66, 66, 66);
    background-color: rgb(51, 51, 51);
    cursor: not-allowed;
    color: black;
}

.hidden{
    background-color: rgb(0, 240, 0);
    font-size: 0%;
    width: 30px;
    height: 30px;
}
.hidden:hover{
    background-color: rgb(0, 192, 0);
}

#poz1, #poz2, #poz3, #wysPl, #szerPl, #ilBom{
    width: calc(100% / 3 - 3px);
    
}

#play, #wycz{
    width: 100%;
}

#topBar{
    margin: auto;
    width: 75%;
    background-color: indigo;
}

#gameDiv{
    margin: auto;
    width: 75%;
    background-color: indigo;
}

body{
    background-color: rgb(26, 26, 26);
}

#topTable td{
    width: calc(100% / 3);
}

#emoji{
    font-size: 150%;
}