:root {
    --royal-orange: #FD9653;
    --dodger-blue: #1E90FF;
    --navy-blue: #040077;
    --auro-metal-saurus: #6C757D;
    --dark-gunmetal: #212529;
    --pale-cyan: #81E1FA;
    --cosmic-latte: #FFF7E8;
    --blanched-almond: #FFEBC9;
    --white-coffee: #E4DFD1;
    --bright-gray: #E9ECEF;
    --bootstrap-border-color-on-focus: #86B7FE;
    --pink-pearl: #EFADCE;
    --pale-violet: #C29FFA;
    --magic-mint: #A6E9D5;
    --middle-purlpe: #E685B5;
    --lavender-indigo: #A370F7;
    --pearl-aqua: #79DFC1;
    --amaranth-deep-purple: #AB296A;
    --interdimensional-blue: #520DC2;
    --green-crayola: #1AA179;
    --light-grey: #CED4DA;
    --ghost-white: #F8F9FA;
    --bubbles: #E5F5FF;
}

@font-face {
    font-family: Nunito;
    src: url('./../fonts/Nunito/Nunito-Regular.ttf');
}

@font-face {
    font-family: Nunito;
    src: url('./../fonts/Nunito/Nunito-Bold.ttf');
    font-weight: bold;
}

body {
    font-family: Nunito, Avenir, Helvetica, Arial, sans-serif
}

.fm-background {
    background: linear-gradient(0deg, rgba(255, 252, 245, 0.3), rgba(255, 252, 245, 0.3)), #FFFFFF;
}

.fm-navbar {
    background-color: var(--royal-orange);
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: #F8F9FA;
}

.fm-navigate-chevron {
    font-size: 1rem;
}

.fm-background-main-color {
    background-color: #FFF7E8
}

.fm-label-main-color {
    color: var(--navy-blue);
}

.fm-button-main-background-color {
    background-color: var(--dodger-blue);
}

.fm-button-main-background-color:hover {
    background-color: var(--dodger-blue);
}


.fm-button-main-border-color {
    border-color: var(--dodger-blue);
    color: var(--dodger-blue);
}

.fm-button-main-border-color:hover {
    border-color: var(--dodger-blue);
    background-color: var(--dodger-blue);
    color: white;
}

.fm-button-secondary-background-color {
    background-color: var(--royal-orange);
}

.fm-button-secondary-background-color:hover {
    background-color: var(--royal-orange);
}

.fm-button-secondary-border-color {
    border-color: var(--royal-orange);
    color: white;
}

.fm-button-secondary-border-color:hover {
    border-color: var(--royal-orange);
    background-color: var(--royal-orange);
    color: white;
}

.fm-main-label {
    padding-top: 10vh;
    padding-bottom: 2vh;
    font-size: 1.75rem;
    font-weight: bold;
}

.fm-progress-bar {
    background-color: var(--dodger-blue);
}

/* Exercise - START */
.fm-exercise-instruction-margin {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
/* Exercise - END */