.mainHeader + .gameTable {
    padding-top: 1rem;
}

.gameTable {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    min-width: 80%;
}

.gameTableHeader {
    padding-top: 1ex;
    padding-bottom: 1ex;
    text-align: center;
    height: 10ex;
}

.gameTableHeader h2 {
    vertical-align: middle;
    text-align: center;
}

.gameTableHeader img {
    max-width: 100%;
    max-height: 100%;
}

#FoundryHeader {
    background-image: url("/images/OrangeGameBannerPattern.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

#Roll20Header {
    background-image: url("/images/PurpleGameBannerPattern.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

#FoundryTable h2, #FoundryTable p{
    color: orange;
}

#Roll20Table h2, #Roll20Table p{
    color: orchid;
}

#FoundryTable p {
    font-size: 1vw;
}

.gameLink {
    position: relative;
    border: 0.5ex solid black;
    border-radius: 1ex;
    height: 27ex;
    width: 48ex;
    background-color: black;
    background-image: url("/images/Natural 1 Error.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.gameLink a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1ex;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    display: flex;
    align-items: center;
}

.gameLink p {
    margin: auto;
    max-width: 80%;
    font-size: 1.2vw;
}

.gameLink:hover a {
    opacity: 1;
}

.gameLink a:hover {
    text-decoration: none;
}