/**
 * This file was created by Mathieu Stenzel (student number: 4367489)
 */

progress {
    margin-left: 1%;
    margin-bottom: 2vh;
}

#word-list {
    font-family: Calibri;
    font-size: large;
}

.boggle-grid {
    border-collapse: collapse;
    margin-left: auto;      /* To Place in the middle of screen */
    margin-right: auto;
}

.boggle-grid tr td {
    border: 3px solid black;
    font-size: 7vmin;
    height: 10vmin;
    width: 10vmin;
    text-align: center;
    font-family:  Calibri;
}

.flexbox-container {        /* To place the word list next to or below the matrix depending on the screen width */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}