:root {
  --navy: #0d1b3d;
  --gold: #c79d46;
  --white: #ffffff;
  --black: #000000;

  --text-dark: #1e2430;
  --text-light: #ffffff;
  --text-muted: #d9e3f2;

  --nav-link: #1e2430;
  --nav-link-hover: #c79d46;
  --nav-border: rgba(13, 27, 61, 0.12);

  --line-dot: #ffffff;
  --date-text: #071d3f;
  --date-text-shadow: rgba(255, 255, 255, 0.35);
  --circle-outline: rgba(0, 0, 0, 0.08);

  --header-height: 108px;
  --header-gold-bar-height: 12px;

  --logo-height: 88px;
  --logo-max-width: 360px;

  --timeline-left: 78px;
  --circle-size: 50px;
  --content-left: 124px;
  --event-gap: 34px;

  --max-content-width: 1180px;
  --nav-max-width: none;

  --page-max-width: 1420px;
  --page-side-border-width: 26px;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  font-family: Arial, Helvetica, sans-serif;
}

body {
  background-color: var(--white);
  color: var(--text-dark);
}

a {
  color: inherit;
}