/* NeoPlan Brand Colors */

:root {
  --md-primary-fg-color: #313131;
  --md-primary-fg-color--light: #4a4a4a;
  --md-primary-fg-color--dark: #202020;

  --md-accent-fg-color: #1ABEF7;
}

/* Typography */

/* Main page title */

.md-content h1 {
  color: #313131;
  font-weight: 300;
  font-size: 3rem;
  margin-bottom: 0.5rem;
}

/* Section headings */

.md-content h2 {
  color: #313131;
  font-weight: 400;
  margin-top: 3rem;
}

/* Buttons */

.md-button {
  border-radius: 8px;
}

.md-button--primary {
  background-color: #1ABEF7 !important;
  border-color: #1ABEF7 !important;
}

.md-button--primary:hover {
  background-color: #FA6E36 !important;
  border-color: #FA6E36 !important;
}

/* Cards */

.grid.cards > ul > li,
.grid.cards > ol > li {
  border-radius: 12px;
  border-top: 4px solid #1ABEF7;
}

.grid.cards > ul > li:hover,
.grid.cards > ol > li:hover {
  border-top-color: #FA6E36;
}

/* Make content area feel less cramped */

.md-content__inner {
  margin-top: 1rem;
}

@font-face {
    font-family: "Gilroy";
    src: url("fonts/Gilroy-Light.otf") format("opentype");
    font-weight: 400;
}

body,
.md-typeset {
    font-family: "Gilroy", sans-serif;
    font-size: 0.8rem;
}