@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital@0;1&display=swap");
body {
  display: flex;
  flex-direction: column;
  background-color: #2E3440;
  color: #D8DEE9;
  font-family: Inter;
  line-height: 1.725;
}

header {
  margin: 0 auto 1rem;
  width: 100%;
}

footer {
  margin: 2rem auto 0;
  width: 100%;
}

.max-width {
  max-width: 48rem;
}

.px3 {
  padding-right: 2rem;
  padding-left: 2rem;
}

.mx-auto {
  margin-right: auto;
  margin-left: auto;
}

h1, h2, h3, h4, h5, h6 {
  color: #88C0D0;
}

header .title {
  color: #D8DEE9;
}
header .subtitle {
  color: #88C0D0;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
  color: #D8DEE9;
}
#content h1::before {
  content: "# ";
  color: #88C0D0;
}
#content h2::before {
  content: "## ";
  color: #88C0D0;
}
#content h3::before {
  content: "### ";
  color: #88C0D0;
}
#content h4::before {
  content: "#### ";
  color: #88C0D0;
}
#content h5::before {
  content: "##### ";
  color: #88C0D0;
}
#content h6::before {
  content: "###### ";
  color: #88C0D0;
}

.date {
  font-size: 0.85rem;
  color: #81A1C1;
}

blockquote {
  border-left: 0.2em solid rgba(136, 192, 208, 0.6);
  padding-left: 1em;
  margin: 2em 0px 2em 0px;
  transition: border-left 400ms ease-in-out 0s, color 400ms ease-in-out 0s;
  color: #abb9cf;
}

a {
  color: #D8DEE9;
  text-decoration: none;
  background-image: linear-gradient(transparent, transparent 4px, #D8DEE9 4px, #D8DEE9);
  background-position: bottom;
  background-size: 100% 6px;
  background-repeat: repeat-x;
}

a:hover {
  background-image: linear-gradient(transparent, transparent 4px, #8FBCBB 4px, #8FBCBB);
}

a.link {
  text-decoration: none;
  background-image: none;
  color: #8FBCBB;
}

table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #5E81AC;
  padding: 0.5em;
}

table td {
  padding: 0.3em;
}

code {
  font-family: Source Code Pro;
  font-weight: 500;
  font-size: 0.85em;
  padding: 0.2em 0.4em;
  background-color: #3B4252;
  border-radius: 4px;
  transition: background-color 400ms ease-in-out 0s;
}

.shields {
  vertical-align: middle;
}

/*# sourceMappingURL=nord.css.map */