.container {
    margin: 3% 10%;
    display: grid;
    grid-template-columns: repeat(auto-fill, 9em);
    justify-content: center;
    font-size: 2em;
}
@media (width <= 70rem)  {
    .container {
        margin: 3% 0%;
    }
}
.category {
    display: flex;
    background-color: #666;
    height: 4em;
    width: 7em;
    border-radius: 0.5em;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
    margin: 1em;
}
.source {
    display: flex;
    background-color: #666;
    height: 4em;
    width: 7em;
    border-radius: 0.5em;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
    margin: 1em;
}
.backButton {
    float: left;
    display: flex;
    background-color: #666;
    height: 2em;
    width: 3em;
    border-radius: 0.5em;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    font-weight: bold;
    margin: 1em;
}
