@font-face {
  font-family: 'VarelaRound';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/fonts/VarelaRound-Regular.ttf') format('truetype');
}


@font-face {
  font-family: 'SourceSans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/fonts/SourceSans3-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'SourceSans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/static/fonts/SourceSans3-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'SourceSans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/static/fonts/SourceSans3-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'SourceSans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('/static/fonts/SourceSans3-SemiBoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'SourceSans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/static/fonts/SourceSans3-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'SourceSans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('/static/fonts/SourceSans3-BoldItalic.ttf') format('truetype');
}


:root {
  --core_orange: #dea459;
  --core_green: #79b39f;
  --core_blue: #29596a;
  --core_red: #c54c27 ;

  --secondary_red: #AC310E;
  --secondary_brown: #5d3518;
  --secondary_black: #243925;
  --secondary_yellow: #F2CF7D;
  --secondary_green: #2f8567;

  --light_brown: #F4F3E8;
  --light_orange: #F5E3CB;
  --light_green: #D7F0E8;
  --light_blue: #C6DBE3;
  --light_red: #DAC9C3;
  --light_grey: #ddd;
  
  --background_color: #ffffff;
  --body_text_color: #29596a;
  --link_color: #2494bc;
  --white: #ffffff;
}


body {
  margin: 0;
  font-family: 'SourceSans', sans-serif;
  line-height: 1.4;
  background: var(--background_color);
  color: var(--body_text_color);
  font-size: 20px;
}

a {
  color: var(--link_color);
  text-underline-position: under;
  text-decoration-thickness: 1px;
}

h1, h2, h3, h4, h5 {
  font-family: 'VarelaRound', sans-serif;
  font-weight: 400;
  color: var(--body_text_color);
}

h1 {
  color: var(--secondary_green);
}

p {
  margin-bottom: 0;
}

p:first-child {
  margin-top: 0;
}

.clearfix:after {
  clear: both;
  content: " ";
  height: 0;
  display: block;
}