main article h2{
    background-color: #475B63;
    height: 10%;
    width: 100%;
    display: flex;
    justify-content: center;
}

article h2 > span{
    align-self: center;
}

#table_header{
    height: 10%;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#table_header a{
    display: block;
    height: 100%;
    width: fit-content;
    background-position: 0%;
    width: 40px;
    background-size: cover;
}

#table_header a:first-child{
    background-image: url(../images/chevron_left.svg);
    background-repeat: no-repeat;
}

#table_header h3{
    display: flex;
    justify-content: center;
}

#table_header h3 span{
    align-self: center;
}

#table_header a:last-child{
    background-image: url(../images/chevron_right.svg);
    background-repeat: no-repeat;
}

main article table{
    height: 80%;
    width: 100%;
    border-collapse: collapse;
}

table td{
    height: 18%;
    width: 14%;
    border: 1px solid #729B79;
    position: relative;
}

td span{
    position: absolute;
    top: 0%; left: 2%;
    font-weight: bold;
    z-index: 1;
}

tr td a{
    height: 100%; width: 100%;
    display: block;
    background-size: cover;
    z-index: 0;
    display: flex;
    justify-content: center;
}

table tr:nth-child(3) td:nth-child(6) a{
    background-image: url(../images/boardgame.jpg);
}

tr td a span{
    background-color: #F7BFB4;
    width: 95%;
    text-align: right;
}

table tr:nth-child(4) td:nth-child(3) a{
    background-image: url(../images/writing.jpg);
}

table tr:nth-child(5) td:nth-child(7) a{
    background-image: url(../images/trivia.jpg);
}