:root {
    --primary-color: #f5ab16;
    --secondary-color: #f7bc45;
    --third-color: #f8c45c;
    --fourth-color: #f9cd73;
    --fith-color: #fad58a;
    --sixth-color: #fbdda2;
    --seventh-color: #fce6b9;

    --light-background-color: #F7F7F7;
    --light-background-color2: #E0E0E0;
    --dark-background-color: #6f4e0f;
    --secondary-button-color: var(--primary-color);
    --icon-overlay-color: var(--primary-color);
    --text-color: #333;
    --main-background-image: url("/imgfeelu/fondo_playbook.jpg");
    /* rgba(53, 55, 63, 0.8) #ffcb70*/

    --wellbeing-feat-color-move: var(--primary-color);
    --wellbeing-feat-color-music: var(--secondary-color);
    --wellbeing-feat-color-text: var(--third-color);
    --wellbeing-voice-color-text: var(--fith-color);

    --wellbeing-activity-background-color: rgba(53, 55, 63, 0.8);
}

.mainbackground {
    background-image: var(--main-background-image);
    background-size: cover;
}

.activity-main-title {
    margin: 10px;
    font-family: Raleway, sans-serif;
    font-size: 50px;
    font-weight: bold;
    color: var(--primary-color);
    font-style: italic;
}