body {
  margin: 0;
}

.error-page {
  position: absolute;
  background: var(--grey-lightest);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}

.error-page .centered {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 500px;
}

.error-page h1 {
  font: 22px var(--AsapBold);
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--text-light);
  display: inline-block;
  width: 100%;
  text-align: center;
}

.error-page .description {
  font: 20px var(--Crimson);
  color: var(--grey-dark);
  margin: 0;
}

.error-page .description p {
    margin-top: 5px;
  }

.error-page .description .user-email {
    font-family: var(--Asap);
    color: var(--brown);
  }

/* To set a theme locally, run the following command in your terminal: philespace.flags.feature.theme('<tenant>') */

:root {
  /* Base colors */
  --white: rgb(255, 255, 255);
  --black: rgb(0, 0, 0);
  --grey-dark: rgb(94, 94, 94);
  --grey: rgb(167, 167, 167);
  --grey-raw: 167, 167, 167;
  --grey-light: rgb(219, 219, 219);
  --grey-light-raw: 219, 219, 219;
  --grey-lightest: rgb(244, 244, 244);

  --red-heart: rgb(249, 80, 88);
  --orange-red: rgb(222, 58, 5);
  --orange-red-raw: 222, 58, 5;

  --yellow: rgb(245, 231, 21);
  --gold: rgb(226, 168, 86);
  --brown: rgb(194, 132, 63);

  --green: rgb(56, 192, 38);

  --blue-grey: rgb(92, 98, 118);
  --blue-grey-raw: 92, 98, 118;
  --blue-grey-light: rgb(163, 173, 180);
  --blue-grey-lighter: rgb(214, 219, 220);

  --blue-darker: rgb(21, 43, 56);
  --blue-dark: rgb(3, 51, 73);
  --blue: rgb(29, 83, 110);
  --blue-light: rgb(76, 98, 126);
  --blue-mui: rgb(33, 150, 243);

  --purple: rgb(138, 43, 226);

  --cs-blue: rgb(26, 20, 73);
  --cs-orange: rgb(241, 92, 38);
  --cs-grey: rgb(180, 180, 180);

  --timeline-highlight-raw: var(--orange-red-raw);

  /* ---------------- */

  --border-regular: 0.5px solid rgba(var(--grey-light-raw), 0.3);
  --border-regular-vignette-button: 2px solid rgba(var(--grey-light-raw), 0.3);

  /* Shadows */
  --shadow-small: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);

  --shadow-medium: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

  --shadow-large: 0 8px 16px rgba(0, 0, 0, 0.19), 0 4px 4px rgba(0, 0, 0, 0.23);

  --shadow-popup: var(--shadow-large);
  --shadow-floating: var(--shadow-large);

  --shadow-widget-left: 0 0 12px rgba(0, 0, 0, 0.4);
  --shadow-widget-right: 0 0 12px rgba(0, 0, 0, 0.4);
  --shadow-widget-bottom: 0 -3px 6px -3px rgba(0, 0, 0, 0.4);
}

:root {
  --Crimson: 'Crimson', serif;
  --CrimsonSemiBold: 'Crimson SemiBold', serif;
  --Vollkorn: 'Vollkorn', serif;
  --VollkornSC: 'Vollkorn SC', serif;
  --Asap: 'Asap', sans-serif;
  --AsapBold: 'AsapBold', sans-serif;
  --AsapItalic: 'AsapItalic', sans-serif;
}

@font-face {
  font-family: 'Vollkorn SC';
  src:
    url(/static/0fb9dcdd85eb652866a0.woff2) format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Vollkorn';
  src:
    url(/static/3bf7ce1ed12b80ce12ff.woff2) format('woff2'),
    url(/static/2654b9834ebbe1faff0a.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Crimson';
  src:
    url(/static/cc9cdbd2fd0880291731.woff2) format('woff2'),
    url(/static/f63ef27f5d00c15a2e65.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Crimson SemiBold';
  src:
    url(/static/c19f8c1ece60dca8e979.woff2) format('woff2'),
    url(/static/2e231ae970b96f6704c5.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Asap';
  src:
    url(/static/96ee2390c9458dc7fd0d.woff2) format('woff2'),
    url(/static/88bd085dd3bb6dd4dd58.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AsapBold';
  src:
    url(/static/e75ad2e1ea74cc4cf2b8.woff2) format('woff2'),
    url(/static/99fcd030115d37388f69.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AsapItalic';
  src:
    url(/static/c5f91605097921f9248a.woff2) format('woff2'),
    url(/static/f2fdf05c1ec3e3ba5487.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}


/*# sourceMappingURL=88c29c20e27fefbc79e4.css.map*/