:root {
  --color-theme-1: #032539;
  --color-theme-2: #1c768f;
  --color-theme-3: #fa991c;
  --color-theme-4: #f2f9fb;
  --color-theme-5: #333333;

  --color-primary: var(--color-theme-1);
  --color-lightGrey: #ebebeb;
  --color-grey: var(--color-theme-4);
  --color-darkGrey: #666666;
  --color-error: #ac0000;
  --color-success: #28bd14;
  --grid-maxWidth: 100%; /* was 120rem */
  --grid-gutter: 0rem; /* was 2rem */
  --font-size: 1.6rem;
  --font-family-sans: "Montserrat", sans-serif;
  --font-family-mono: monaco, "Consolas", "Lucida Console", monospace;

  --pageBackground: var(--color-theme-4);
  --body-text-color: var(--color-theme-5);
  --font-family-headings: "Lato", sans-serif;
  --font-family-body: "Lato", sans-serif;

  --header-height: 8rem;

  --loaderForeground: var(--color-primary);
  --loaderBackground: var(--pageBackground);
}

body {
  background-color: var(--pageBackground);
  font-family: var(--font-family-body);
  color: var(--body-text-color);
}

.modal-is-open {
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: var(--font-family-headings);
}

h1 {
  text-transform: uppercase;
  font-weight: 900;
  color: var(--color-theme-4);
}

a {
  color: var(--color-theme-3);
}
a:hover {
  text-decoration: underline;
}

.subnav a {
  color: var(--color-theme-4);
  text-decoration: underline;
}
.subnav a:hover {
  text-decoration: none;
}

.container {
  width: 100%;
}

strong {
  font-weight: 600;
}
.card {
  padding: 2rem;
}

.notifications div {
  z-index: 999;
}

.about header {
  background-color: var(--color-theme-2);
}
.work header {
  background-color: #333;
}
/* .work .nav a,
.work .title,
.work .subtitle {
  color: var(--color-theme-2) !important;
} */
.employment header {
  background-color: var(--color-theme-2);
}
.contact {
  background-color: var(--color-theme-1);
}