/*body {
    font-size: x-large;
    background-color: white;
}

input {
    width: 100%;
}*/

#boardCanvas {
    background-color: white;
    border-color: rgb(37, 10, 122);
    border-style: solid;
}

#movesDiv {
    background-color: bisque;
    width: 200px;
    height: 100px;
    overflow-y: scroll;
    border-color: rgb(37, 10, 122);
    border-style: solid;
}

#layoutTable tr td {
    vertical-align: top;
}

#movesTable tr td {
    border-style: groove;
    border-color: chocolate;
    background-color: darkkhaki;
}

.data {
    display: none;
}

.copyButton {
    padding: 0%;
}

.copyButton img{
    height: 20px;
    width: 20px;
}

#matchLinkDiv {
    display: none;
}

#matchInfoDiv {
    display: none;
}

#multiplayerUI {
    display: none;
}

#piecesCanvas {
    background-color: white;
    border-color: rgb(37, 10, 122);
    border-style: solid;
}

.clock {
    background-color: rgba(173, 172, 172, 0.3);
}

.active-clock {
    background-color: rgba(56, 56, 56, 0.7);
    color: antiquewhite;
}