.mTT {
    grid-area: mTT;
}
.mTI {
    grid-area: mTI;
}
.mTD {
    grid-area: mTD;
}
.mTG {
    display: grid;
    width: 100%;
    grid-gap: 1%;
    grid-template-areas:
    'mTT mTT mTT mTT'
    'mTI mTD mTD mTD';
    grid-template-columns: 24% 24% 24% 24%;
    padding-bottom: 1rem;;
}
.mTG:Hover {
  background-color: #ffcc00;
  border-radius: 0rem 2rem 2rem 0rem;
}

.menuTileLink {
    color: black;
    text-decoration: none;
}

.selectedButton {
    color: #ffcc00 !important;
    background: #242753 !important;
    border-top: solid white 2px;
    border-bottom: solid white 2px;
}

.topicMenuButton {
    width: 95%;
    color: #242753;
    background: #ffcc00;
    margin-left: 5%;
    padding-left: 15%;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: calc(1vw + 0.5rem);
    border: none;
}
.topicMenuButton:hover {
    text-decoration: underline solid #242753;
}
.bottomWhite {
    border-bottom: white solid 2px;
}