@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap);
body {
    font-family: 'Montserrat', Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
  html body {
    font-family: 'Montserrat', Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }
  body div {
    font-family: 'Montserrat', Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }
@media (max-width: 500px) {
  body {
    font-size: 16px;
  }
}
:root {
    --body-background-color: #f8f8f8;
    --body-text-color: #1e1e1e;
    --card-background-color: #ffffff;
    --nav-background-color: #ffffff;
    --nav-border-bottom-color: #d8e8e4;
    --nav-current-border-bottom-color: #20c997;
    --card-border-color: #d8e8e4;
    --down-border-left-color: #ea5455;
    --down-background-color: #ffc107;
    --degraded-border-left-color: #ff9f43;
    --up-border-left-color: #28c76f;
    --tag-color: #ffffff;
    --tag-up-background-color: #28c76f;
    --tag-down-background-color: #ea5455;
    --tag-degraded-background-color: #ff9f43;
    --change-background-color: #ff9f43;
    --error-button-border-color: #1a46ad;
    --error-button-background-color: #3867d6;
    --error-button-color: #ffffff;
    --submit-button-border-color: #1a46ad;
    --submit-button-background-color: #177fc6;
    --submit-button-color: #ffffff;
    --graph-opacity: 1;
    --graph-filter: none;
    --font-family-sans-serif: "Montserrat",Helvetica,Arial,serif;
    --font-family-monospace: "Montserrat",Helvetica,Arial,serif;
  }
