.text-align-center {
    text-align: center;
}

#myBoard {
    width: 500px;
    height: 500px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.highlight-white {
    box-shadow: inset 0 0 3px 3px yellow;
}

.highlight-black {
    box-shadow: inset 0 0 3px 3px blue;
}

.highlight-hint {
    box-shadow: inset 0 0 3px 3px red;
}

.no-underline {
    text-decoration: none;
}

.no-outline:focus {
    outline: none;
    box-shadow: none;
}

.btn-header {
    font-size: 20px;
    font-weight: bold;
}

.center {
    display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
}

.thing {
    width: 500px;
    height: 80px;
    color: white;
    font-family: 'Roboto', sans-serif;
}

#settings {
    display: none;
}