@import url('https://fonts.googleapis.com/css?family=DotGothic16');
@import url('https://fonts.googleapis.com/css?family=DM+Sans');
@import url('https://fonts.googleapis.com/css?family=DM+Sans');

:root,
:after,
:before {
  --theme-color: #98f6f1;
  --fp-body-color: #98f6f1;
  --fp-theme-color: #98f6f1;
  --fp-theme-secondary-color: #ea33f7;
  --fp-text-color: #4d0f55;
  --fp-title-color: #4d0f55;
  --fp-theme-contrast-color: #000000;

  --fp-title-font: DotGothic16;
  --fp-text-font: DM Sans;
  --fp-button-font: DM Sans;
  --fp-hyperlink-color: #a1f66b;

  --theme-button-background-color: var(--fp-theme-color);
  --theme-button-text-color: var(--fp-theme-contrast-color);
  --theme-button-border-color: var(--fp-theme-color);
  --theme-button-hover-background-color: #00000000;
  --theme-button-hover-text-color: var(--fp-theme-color);
  --theme-button-hover-border-color: var(--fp-theme-color);

  --donation-button-background-color: var(--fp-title-color);
  --donation-button-text-color: var(--fp-body-color);
  --donation-button-border-color: var(--fp-title-color);
  --donation-button-hover-background-color: var(--fp-body-color);
  --donation-button-hover-text-color: var(--fp-title-color);
  --donation-button-hover-border-color: var(--fp-title-color);

  --start-action-button-background-color: #5c0032;
  --start-action-button-text-color: var(--fp-theme-color);
  --start-action-button-border-color: #5c0032;
  --start-action-button-hover-background-color: var(--fp-theme-color);
  --start-action-button-hover-text-color: var(--fp-theme-contrast-color);
  --start-action-button-hover-border-color: #5c0032;

  --start-project-button-background-color: #5c0032;
  --start-project-button-text-color: var(--fp-theme-color);
  --start-project-button-border-color: #5c0032;
  --start-project-button-hover-background-color: var(--fp-theme-color);
  --start-project-button-hover-text-color: var(--fp-theme-contrast-color);
  --start-project-button-hover-border-color: #5c0032;

  --fp-global-title-font-size: 32px;
  --fp-global-title-font-weight: 400;
  --fp-global-title-text-transform: default;

    --fp-custom-color-1: #5454f3;
    --fp-custom-color-2: #f1e5bf;
    --fp-custom-color-3: #4d0f55;
    --fp-custom-color-4: #f6f7f6;
    --fp-custom-color-5: #a7a7a7;
    --fp-custom-color-6: #c8d0c9;
    --fp-custom-color-7: #faffe5;
}