:root {
    --primary-color: #16989A;
    --secondary-color: #7AAFB4;
    --third-color: #9DBEC2;
    --fourth-color: rgba(150, 194, 199, 0.9);
    --fith-color: #AED3D6;
    --sixth-color: #C2DADD;
    --seventh-color: #CFE8EA;

    --dark-background-color: #2a5555;
    --secondary-button-color: var(--fith-color);
    --light-background-color: var(--sixth-color);
    --light-background-color2: var(--fourth-color);

    --text-color: #333;
    --text-secondary-color: #707070;

    --icon-overlay-color: var(--third-color);
    --main-background-image: url("/img/fondo_playbook.jpg");

    --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: var(--third-color);
}

.mainbackground {
    background-image: var(--main-background-image);
    background-attachment: fixed;
    background-position: center;
    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;
}