@import url(https://fonts.bunny.net/css?family=barlow-condensed:700|courier-prime:500);

:root {
  /* These are catpuccin Macchiato colors */
  --background:   #24273a;
  --default-text: #cad3f5;
  --heading-text: #b8c0e0;
  --heading-bg:   #1e2030;
  --link-text:    #8aadf4;
  --link-visited: #c6a0f6;
  --link-hover:   #b7bdf8;
}

body {
  background-color: var(--background);
  color: var(--default-text);
  font-family: 'Courier Prime', monospace;
}

header {
  text-align: center;
}

nav {
  margin-left: 1em;
  margin-right: 1em;
}

h2 {
  color: var(--heading-text);
  background-color: var(--heading-bg);
  font-family: 'Barlow Condensed', sans-serif;
}

a:link {
  color: var(--link-text);
}

a:visited {
  color: var(--link-visited);
}

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

p {
  margin-left: 1em;
  margin-right: 1em;
}

.center-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}