@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
      @import url('https://fonts.googleapis.com/css2?family=Koulen&display=swap');
      @import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap');


  :root {
    --base-font-family: Open Sans;
    --heading-font-family: Koulen;

    --h1-heading-color: #000000;
    --hyperlink-color: #0c2073;

    --donation-button-font-family: Koulen;
    --donation-button-background-color: #c2d952;
    --donation-button-text-color: #ffffff;

    --start-action-button-font-family: Koulen;
    --start-action-button-background-color: #c2d952;
    --start-action-button-text-color: #ffffff;

    --start-project-button-font-family: Open Sans;
    --start-project-button-background-color: #0c2073;
    --start-project-button-text-color: #ffffff;

    --theme-darken-color: #0b1d68;
    --theme-darken-contrast-color: #e6e6e6;
  }

  :after,
  :before {
    --theme-color: #0c2073;
    --theme-contrast-color: #ffffff;
    --theme-darken-color: #0b1d68;
    --theme-darken-contrast-color: #e6e6e6;
  }

:root,
:before,
:after {
  --theme-color: #0c2073;
  --theme-contrast-color: #ffffff;
  --theme-darken-color: #0b1d68;
  --theme-darken-color-70: #081651;

  --theme-lighten-color-40: #34489b;
  --theme-lighten-color-70: #5266b9;
  --theme-lighten-color-100: #7084d7;

  --theme-opacity-theme-color-10: rgba(12, 32, 115, 0.1);
  --theme-opacity-theme-color-30: rgba(12, 32, 115, 0.3);

  --theme-darken-contrast-color: #e6e6e6;
}