* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    /* COLORS */
    --primary-color: #100043;
    --secondary-color: #06426B;
    --text-orange-color: #F9C061;
    --text-green-color: #B1D6B0;
    --btn-orange-color: #D5952B;
    --btn-blue-color: #134074;
    --star-gold-color: #FFCD29;
    --transparent: rgba(255, 255, 255, 0);
    --bg-navbar: #F2F0ED;
    --bg-color-1: #06426B1A;
    --bg-color-2: #E1DFDD;
    --bg-color-3: #00000040;
    --bg-color-4: #317cad66;
    --bg-color-5: #D4C8AB66;
    --bg-color-6: #06436b11;
    --bg-color-7:#DBEFFD;
    --bg-color-8:#ECECF1;
    --bg-color-9: #E0E0E7;
    --bg-page-color: #F2F0ED;

    /* FOR MICE PAGE */
    --mice-bg-color-1: #4651E510;
    --mice-bg-color-2: #dfe6ea;
    --mice-bg-color-3: #FAFAFA;
    --mice-bg-color-4: #ECF7FE;
    --mice-bg-color-5: #ECECF1;

    /* FONTS */
    --primary-font: 'Montserrat', sans-serif;
    --secondary-font: 'Josefin Sans', sans-serif;
    --tertiary-font: 'Nunito Sans', sans-serif;
    --instrument-serif-font: 'Instrument Serif', sans-serif;

    /* FONT SIZE */
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 20px;
    --font-size-xl: 32px;
}