@font-face {
  font-family: sourGummy; /* set name */
  src: url(SourGummy.ttf); /* url of the font */
}

:root {
  --body-background-color: #1e211d;
  --body-text-color: #ffffff;

  --card-background-color: #2a2d28;
  --nav-background-color: #1e211d;

  --nav-border-bottom-color: #5f795b;
  --nav-current-border-bottom-color: #88d07c;

  --card-border-color: #5f795b;

  --down-border-left-color: #9E0012;
  --down-background-color: #9E0012;

  --degraded-border-left-color: #856325;

  --up-border-left-color: #007D3E;

  --tag-color: #1e211d;
  --tag-up-background-color: #007D3E;
  --tag-down-background-color: #9E0012;
  --tag-degraded-background-color: #856325;

  --change-background-color: #856325;

  --error-button-border-color: #d6e0c6;
  --error-button-background-color: #d6e0c6;
  --error-button-color: #1e211d;

  --submit-button-border-color: #d6e0c6;
  --submit-button-background-color: #d6e0c6;
  --submit-button-color: #1e211d;

  --graph-opacity: 1;
  --graph-filter: none;
}

body {
    font-family: sourGummy !important
}

.article {
  padding: 1.5rem;
  position: relative;
  border-radius: 24px;
  border: 1px solid;
}