.menu {
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu .optionsContainer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu .optionsContainer .optionItem {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 30px;
    cursor: pointer;
}

.menu .optionsContainer .optionItem .optionText {
    color: #4b4a4a;
    text-align: center;
    font-family: "Metropolis Regular";
    font-size: 24px;
    line-height: 16px;
    letter-spacing: 0.24px;
}

.menu .optionsContainer .optionItem.active .optionText {
    color: #1471db;
    font-family: "Metropolis Semi Bold";
}

.menu .optionsContainer .optionItem .activitiesIcon,
.menu .optionsContainer .optionItem .brainHealthIcon,
.menu .optionsContainer .optionItem .challengesIcon,
.menu .optionsContainer .optionItem .gamesIcon,
.menu .optionsContainer .optionItem .socialIcon {
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-size: 20px;
    margin-right: 10px;
    border-radius: 50%;
    display: none;
}

.menu .optionsContainer .optionItem.active .activitiesIcon,
.menu .optionsContainer .optionItem.active .brainHealthIcon,
.menu .optionsContainer .optionItem.active .challengesIcon,
.menu .optionsContainer .optionItem.active .gamesIcon,
.menu .optionsContainer .optionItem.active .socialIcon,
.menu .optionsContainer .optionItem.active .bgIcon {
    display: block;
}

.menu .optionsContainer .optionItem.active .activitiesIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/games_icon_new_lm_v2.png);
}

.menu .optionsContainer .optionItem.active .brainHealthIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/brain_health_icon_circle_lm.png);
}

.menu .optionsContainer .optionItem.active .challengesIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/challenges_circle_icon_lm.png);
}

.menu .optionsContainer .optionItem.active .gamesIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/games_circle_icon_lm.png);
}

.menu .optionsContainer .optionItem.active .socialIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/social_circle_icon_lm.png);
}

.menu .optionsContainer .optionItem.active .bgIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/bg_circle_icon_lm.png);
}

/* DARK MODE */
.dark .menu .optionsContainer .optionItem .optionText {
    color: #fff;
}
.dark .menu .optionsContainer .optionItem.active .optionText {
    color: #1683FF;
}
.dark .menu .optionsContainer .optionItem.active .activitiesIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/activities_circle_icon_dm.png);
}
.dark .menu .optionsContainer .optionItem.active .brainHealthIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/brain_health_icon_circle_dm.png);
}
.dark .menu .optionsContainer .optionItem.active .challengesIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/challenges_circle_icon_dm.png);
}
.dark .menu .optionsContainer .optionItem.active .gamesIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/games_circle_icon_dm.png);
}
.dark .menu .optionsContainer .optionItem.active .socialIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/social_circle_icon_dm.png);
}
.dark .menu .optionsContainer .optionItem.active .bgIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/bg_circle_icon_dm.png);
}