style.css

body {
    font-family: 'ZCOOL XiaoWei', serif;
}


h1 {
    font-size: 3rem;
}

.instructions {
    text-align: center;
    color: black;
    width: 40vw;
}

.container-board {
    width: 70vw;
    height: 70vh;
}

table {
    width: 100%;
    height: 100%;
}

td {
   height: auto;
   width: 20px;
   position: relative;
   border: 2px solid lightgray;

}


.buttons {
    display: flex;
    flex-direction: column;
    font-family: 'ZCOOL XiaoWei', serif;
}

button {
    width: auto;
    margin-right: 5px;
}

.legend {
    font-family: 'ZCOOL XiaoWei', serif;
}

.badge {
    color: white;
}

a:hover {
    color: #f3d250;
}

.fa-info-circle, .fa-route {
    color: #343a40;
}

.fa-info-circle:hover, .fa-route:hover {
    color: #5da2d5;
}