.roboto-regular {
     font-family: "Roboto", sans-serif;
     font-weight: 400;
     font-style: normal;
 }
.satisfy-regular {
    font-family: "Satisfy", cursive;
    font-weight: 400;
    font-style: normal;
}

.title-satisfy {
    text-align: center;
    font-family: Satisfy, cursive;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px; /* 120% */
    letter-spacing: 0.5px;
    color: var(--white);
}

.title {
    color: var(--text);
    font-family: Roboto, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; /* 100% */
    letter-spacing: 0.5px;
}
.dashboard-title {
    color: var(--text);
    /* dahsboard-title */
    font-family: Roboto, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 44px; /* 137.5% */
    letter-spacing: 0.5px;
}
.dashboard-subtitle {
    color: var(--text);
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 100% */
    letter-spacing: 0.5px;
}
.text--center {
    width: 100%;
    text-align: center;
}
.text--right {
    width: 100%;
    text-align: right;
}

.italic {
    font-style: italic;
}