body {
    margin:0;
    padding:0;
    background-color: black;
}

main {
    background-color: #6d5959;
    color: #6d5959;
    min-width: 320px;
    max-width: 960px;
    margin-left:auto;
    margin-right:auto;
    border-radius: 3px;
}

section {
    margin-top:2em;
    margin-bottom:2em;
}

table {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    font-family: cursive;
}

th, td, h1 {
    background-color:white;
    text-align: center;
    vertical-align: middle;
    transition: all linear .2s;
}

div {
    transition: all linear .5s;
}

td {
    font-size: 3vh;
}

td:nth-of-type(odd) {
    width:70%;
    background-color: #efefef;
    font-family: cursive;
}

td:nth-of-type(even) {
    width:30%;
    cursor:pointer;
    color:black;
}

th {
    font-size:4vh;
    font-weight: bold;
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 9vh;
    background-color: #6d5959;
    color:white;
    cursor:pointer;
}

.hideIt {
    opacity: 0;
}

.mine {
    background-color:#41d3bd;
}

.theirs {
    background-color: #f9e784;
}

.dunno {
    background-color: #e58f65;
}