:root {
    --color-white: hsl(0, 0%, 100%);
    --color-light: #f4f2ea;
    --color-lighter: #f7f6f1;
    --color-lighter-g: #f1f1f1;
    --color-light-alt: #eaeff2;
    --color-black: hsl(0, 0%, 7%);
    --color-darkgreen: hsl(155.6deg 62.13% 17.57%);
    --color-night: hsl(214, 100%, 10%);
    --color-purple: hsl(291, 64%, 42%);
    --color-indigo: hsl(255, 100%, 60%);
    --color-green-muted: #d8ffef;
    --color-green: #347867;
    --color-light-green: #bae9dd;
    --color-lighter-green: #bfe9d8;
    --color-footer-shadow:  rgb(201 88 88 / 10%);
    --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

body {
   /* background: #32244e;*/
    background: #f1f2f3;
    color:rgb(0, 0, 0);
}
  
.header {
    background-color: var(--color-white);
    color: var(--color-black);
}
  
.footer {
    background-color: #00005d;
    background-color: #034e82;
    color: #fff;
}

.brand {
    color: var(--color-indigo);
}

.navbar {
    color: var(--color-black);
    background: #ffffff;
   /* background: #69d0c0; */
}

.navbar .burger-line {
    background: var(--color-black);
}

.navbar .menu-link {
    color: hsl(0, 0%, 0%);
}

.menu-item.active {
    text-decoration: underline;
}

.footer-link, .footer-link:hover, .footer-link:visited, .footer-link:focus {
    color: #eee;
}

.warning {
    background: #edcbdd;
}

.disclamer {
    color: #fff;
}