/* Colors */

:root {

    --sitewidth: 770px;
    --navwidth: 1170px;

    --main: #1F2125;
    --main-2: #343A49;
    --main-3: #FFFFFF;
    --main-4: #E2E2E2;

    --accent: #8469ab;
    --accent-lighter: hsl(266, 28%, 64%);

    --accent2: #84b1cb;

    --accent3: #287fa5;

    --accent4: #324B59;
    /* oude kleur #364954 */
    --accent4-darker: hsl(202, 22%, 17%);
    --accent4-lighter: hsl(202, 22%, 37%);
    --accent4-lightest: hsl(202, 22%, 87%);

    --accent5: #6bab69;
    
    --accent6: #FDD8A3;
    --accent6-lighter: #FEF4DE;
    --accent6-darker: #fdc677;
    --accent6-darkest: #ffb03f;

    --background: var(--accent4-lightest);
  }

/* Fonts */

body {
  font-family: 'Open Sans', sans-serif;
}

body h1, body h2, body h3, body h4, body h5 {
  font-family: 'Montserrat', sans-serif;
}