@import url("https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/source-code-pro.css");


:root {
  --header-fonts: "Source Code Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial,
    "Lucida Grande", sans-serif;
  --fonts: "Source Code Pro", "Times New Roman", serif;
  --color-primary-dark: #021928;
  --color-primary-mid: #4682b4;
  --color-primary-light: #0b3f60;

  --color-accent: #7eaba2;
  --color-bg-light: #e8e8e8;
  --color-bg-dark: #a8a8a8;
  --color-font: #222;
  --color-font-foreground: #fff;
}

body {
  font-family: var(--header-fonts);
  font-weight: 400;
  font-size: 16px;
  margin: 0;
  padding: 1em;
  background: var(--color-bg-light);
  color: var(--color-font);
}

a {
  text-decoration: none;
  color: var(--color-primary-mid);
  cursor: pointer;
}

a:hover {
  color: var(--color-accent);
}

h1 {
    font-size: 2em;
}

h1,h2,h3 {
  font-weight: 700;
}

p {
  font-family: var(--fonts);
  line-height: 24px;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}


#title-redirect {
    color: var(--color-primary-dark);
}

#title-redirect:hover {
    color: var(--color-accent);
}