@font-face {
  font-family: "DepartureMono-Regular";
  src: url("/assets/fonts/DepartureMono-Regular.woff2") format("woff2");
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
}

body {
  padding: 28px;

  font-family: "DepartureMono-Regular", monospace;
  font-size: 15px;
  line-height: 1.8;

  color: #00ffd0;
  background: #08031a;
}

/* ---------- TITLE ---------- */

h1 {
  margin-top: 0;
  margin-bottom: 8px;

  color: #ff007f;
  font-size: 2rem;
}

h2,
h3 {
  color: #ff007f;
}

/* ---------- DATE ---------- */

.date {
  margin-bottom: 20px;

  color: #7efeff;
  font-size: .9rem;
}

/* ---------- PARAGRAPHS ---------- */

p {
  margin: 18px 0;
}

/* ---------- LINKS ---------- */

a {
  color: #00ffd0;
}

a:hover {
  color: #ff007f;
}

/* ---------- DIVIDERS ---------- */

hr {
  margin: 28px 0;

  border: none;
  border-top: 1px solid #ff007f;
}

/* ---------- QUOTES ---------- */

blockquote {
  margin: 20px 0;
  padding-left: 18px;

  border-left: 3px solid #ff007f;

  color: #7efeff;
}

/* ---------- CODE ---------- */

code {
  color: #ff9fd6;
}

/* ---------- IMAGES ---------- */

img {
  display: block;

  max-width: 100%;

  margin: 24px auto;

  border: 2px solid #ff007f;
}

/* ---------- FOOTER ---------- */

.footer {
  margin-top: 32px;

  text-align: center;

  color: #7efeff;
  font-size: .8rem;
}