.tabs_container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    width: 90%;

    font-family: GenshinImpact;
}

.tabs_container>div {
    flex: 1 1 0;
    cursor: pointer;
    padding: 2vh;
    text-align: center;
}

.active_tab_button {
    background-color: var(--secondary_color);
    color: var(--light_text);
}

.disabled_tab_button {
    background-color: var(--tertiary_color);
}

.disabled_tab_button:hover {
    background-color: var(--secondary_color);
    color: var(--light_text);
}












/* Wide laptop version (Width: 1024->1440px) */
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
    .footer {
        font-size: smaller;
    }
}















/* Small desktop/laptop version (Width: 769->1024px) */
@media only screen and (min-width: 769px) and (max-width: 1024px) {

}











/* Mobile version (Width: 300->768px) */
@media only screen and (min-width: 0px) and (max-width: 768px) {
    .tabs_container {
        font-size: smaller;
    }
}