:root {
  --background-color: #b9c0c5;
  --primary-color-100: #e5e6ec;
  --primary-color-300: #46648c;
  --primary-color-500: #355a8c;
  --primary-color-700: #1b3558;
  --primary-color-900: #183153;
  --secondary-color-100: #e5f3f5;
  --secondary-color-300: #00bed4;
  --secondary-color-500: #00adc1;
  --secondary-color-700: #0094a5;
  --secondary-color-900: #0094a5;
  --neutral-100: white;
  --neutral-300: whitesmoke;
  --neutral-500: #efefef;
  --neutral-700: #d2cece;
  --neutral-900: #666;
  --grey-100: #f7f7f7;
  --grey-300: #f0f0f0;
  --grey-500: #e8e8e8;
  --grey-700: #d2cece;
  --grey-900: #666;
  --black-500: #5e5e5e;
  --black-700: #313131;
  --black-900: #1b1b1b;
  --red-100: #ffeae9;
  --red-300: #c74a48;
  --red-500: #c5413f;
  --red-700: #9a322f;
  --red-900: #791310;
  --green-300: #52bf8a;
  --green-500: #41b37c;
  --green-700: #41b37c;
  --yellow-100: #ebddcb;
  --yellow-300: #efae51;
  --yellow-500: #e6a446;
  --yellow-700: #cc8e37;
  --content-padding: 30px;
  --content-border: none;
  --content-shadow: 0px 1px 4px 0px #cacaca;
  --content-header-background-color: var(--primary-color-900);
  --content-header-text-color: white;
  --content-footer-background-color: whitesmoke;
  --content-body-background-color: white;
  --sidebar-color: white;
  --max-body-width: 1400px;
  --input-label-color: #484848;
  --input-value-color: #737373;
  --input-border-color: lightgrey;
  --input-max-width: 100%;
  --border-radius: 5px;
  --bold-weight: 600;
  --font-family: "Montserrat", sans-serif;
}

@media only screen and (max-width: 1000px) {
  :root {
    --content-padding: 20px;
  }
}
@media only screen and (max-width: 500px) {
  :root {
    --content-padding: 10px;
  }
}/*# sourceMappingURL=variables.css.map */