.board, .status {
    table-layout: fixed;
    width: 75%;
    height: 75vh;
    border: 1px solid black;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

h1 {
    text-align: center;
}

tr {  
    border: 1px solid black;
}

td {
    background-color: white;
}

th, td {
    border-right: 1px solid black;
}

.headerCol {
    background-color: black;
    color: white;
    height: 7vh;
}

.headerRow {
    background-color: black;
    color: white;
}

#heads, #tails {
    float: left;
    margin: 20px;
    padding: 20px;
    border-radius: 30px;
}

#heads {
    background-color: rgba(255, 0, 0, 1);
}

#tails {
    background-color: rgba(0, 0, 255, 1);
}

#msg, #error-msg, #result-msg {
    text-align: center;
}

#btn {
    text-align: center;
}

#legend {
    table-layout: fixed;
    width: 90%;
    height: 5vh;
    border: 1px solid black;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#user-ship-locations {
    box-shadow: 0 0 0 5px purple inset;
}

#pc-ship-hit {
    background-color: red;
}

#pc-ship-miss {
    background-color: yellow;
}