#body {
    background-color: rgb(211, 211, 211);
    margin: 0%;

}

#topBarLight {
    background-color: rgba(34, 34, 34);
    width: 100%;
    height: 37;
    overflow: hidden;

}

#topbarDark {
    background-color: rgb(186, 186, 186);
    width: 100%;
    height: 37;
    overflow: hidden;
}

#textLight {
    color: black;
    text-align: center;
}

#textDark {
    color: white;
    text-align: center;
}

.tabButtonLight {
    background-color: rgb(34, 34, 34);
    color: rgb(199, 199, 199);
    font-size: 185%;
    float: left;
    border-width: 0;
    cursor: pointer; 
}

.tabButtonLight:hover {
    background-color: rgba(255, 255, 255, 0.262);
    color: rgb(0, 0, 0);
}

.tabButtonDark {
    background-color: rgb(186, 186, 186);
    color: rgb(0, 0, 0);
}

.darkButton {
    float: right;
}

.darkMode {
    filter: brightness(50%);
}

.onSiteButtons {
    border-radius: 5%;
    border: 2 px solid #000000;
    margin-right: 10;
    max-width: 7%;
    max-height: 7%;
    cursor: pointer; 
}

.itchGameButtons {
    border-radius: 5%;
    border: 2 px solid #000000;
    margin-right: 10;
    max-width: 7%;
    max-height: 7%;
    cursor: pointer; 
}

.itchGameButtons:hover {
    filter: brightness(50%);
}

.onSiteButtons:hover {
    filter: brightness(50%);
}