/*Common styles*/
html {
    min-height: 100vh;
}

body {
    min-height: 100vh;
    margin: 0;
    display: flex;
    flex-direction: column;
    position: relative;
}

main {
    display: flex;
    flex-direction: column;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

.progress-bar {
    background-color: #fff;
    width: 100%;
    height: 15px;
    /* display: none; */
}

.progress-bar .progress-bar-line {
    background-color: #35B782;
    height: 15px;
    width: 30%;
    border-radius: 8px;
    background: var(--benjiBlue);
}

:root {
    /* Solid Colors */
    /* Blue */
    --snoopyBlue: #2839A8;
    --dinoBlue: #2A41DE;
    --bluesCluesBlue: #5368F5;
    --huckleberryBlue: #92A6FF;
    --benjiBlue: #CBD2FC;
    --peteyBlue: #EEF0FE;

    /* Red */
    --rowlfRed: #C21B44;
    --crookshanksRed: #FA4154;
    --cliffordRed: #F7636F;
    --couragePink: #FFA4AC;
    --cheshirePink: #FFD1D5;
    --gidgetPink: #FEEFF1;

    /* Gray */
    --scoutNavy: #373F51;
    --gromitGray: #6B717E;
    --shilohGray: #9B9FA8;
    --pusheenGray: #CDCFD3;
    --porkchopGray: #EBECEE;

    /* Yellow */
    --spotYellow: #FEC600;
    --plutoGold: #FEE300;
    --oldYellerYellow: #FFF28C;
    --hobbesYellow: #FFF9CC;

    /* Green */
    --maxGreen: #008143;
    --astroGreen: #3EC28F;
    --sparkyGreen: #9EE0C7;
    --wishboneGreen: #CEEFE3;

    /* White */
    --cujoCream: #F8F7F3;
    --zeroWhite: #FFFFFF;


    /* RGB Values for Alpha Manipulation */
    --scoutNavyRgb: 55, 63, 81;

    --heading-font: Poppins, sans-serif;
    --main-font: Nunito Sans, sans-serif;
}

.inject {
    display: none;
}