/* font-family strings from https://github.com/system-fonts/modern-font-stacks */
.noscript-warning {
  margin-bottom: 32px;
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
  padding: 32px;
  font-size: 14pt;
  color: rgba(223, 223, 223, 0.8);
  border-left: 1px solid hsl(51, 80%, 73%);
}
.noscript-warning b {
  display: flex;
  gap: 12px;
  align-items: center;
  color: hsl(51, 80%, 73%);
  padding-bottom: 8px;
}

body {
  font-family: Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif;
  background-color: rgb(4, 4, 8);
  color: rgba(223, 223, 223, 0.8);
  max-width: 660px;
  margin: 22px auto 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.blog {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 2rem;
}
.blog li:nth-of-type(3) {
  position: sticky;
  top: 1rem;
  margin-bottom: auto;
}

a {
  color: rgb(219, 168, 255);
  font-size: 12pt;
}

.post_title {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 1em;
  font-size: 28pt;
  font-weight: 800;
  justify-content: center;
  margin-top: 2rem;
  display: flex;
}

.post_description {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 1em;
  font-size: 14pt;
  font-weight: 400;
  justify-content: center;
  margin-bottom: 5rem;
  display: flex;
}

h1 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 1em;
  color: rgba(240, 255, 255, 0.9);
  font-size: 22pt;
  font-weight: 700;
}

h2 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 1em;
  color: rgba(240, 255, 255, 0.9);
  font-size: 16pt;
  font-weight: 600;
}

h3 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 1em;
  color: rgba(240, 255, 255, 0.9);
  font-size: 14pt;
  font-weight: 500;
}

blockquote {
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: 400;
}

p {
  font-size: 12pt;
  font-weight: 400;
}

code {
  font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
  font-size: 13pt;
}

blockquote {
  color: rgba(223, 223, 223, 0.8);
}

ul {
  list-style-type: disc;
  font-size: 14pt;
  margin-top: 8px;
  margin-bottom: 16px;
}

ol {
  font-size: 14pt;
  margin-top: 8px;
  margin-bottom: 16px;
}