:root {
    --primary-dark-bg-color: #100e08;
    --secondary-dark-bg-color: #181212;
    --primary-dark-fg-color: #ababef;
    --secondary-dark-fg-color: #9a9ade;
    --primary-dark-hl-color: #9f5f33;
    --primary-dark-link-color: #bf806f;
}
.sansation-light {
  font-family: "Sansation", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.sansation-regular, p {
  font-family: "Sansation", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.sansation-bold {
  font-family: "Sansation", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.sansation-light-italic {
  font-family: "Sansation", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.sansation-regular-italic {
  font-family: "Sansation", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.sansation-bold-italic {
  font-family: "Sansation", sans-serif;
  font-weight: 700;
  font-style: italic;
}

body {
    background-color: var(--primary-dark-bg-color);
    color: var(--primary-dark-fg-color);

    max-width: 600px;
    margin: 0 auto;
    padding: 2rem;
    border: 1px #ababef solid;
}

body img {
    max-width: 100%;
}

div:has(> pre > code) {
    border: 2px dotted;
    border-color: var(--primary-dark-bg-color);
    padding: 0 1rem;
}

:not(pre) > code {
    background-color: var(--secondary-dark-bg-color);
    margin-left: 3px;
    margin-right: 3px;
    color: var(--primary-dark-hl-color);
}

a, a:visited, a:hover, a:active, a:link {
    color: var(--primary-dark-link-color);
}

.tag_list > li {
    display: inline-block;
}
.link_button {
    text-decoration: none;
    text-transform: uppercase;
    padding: 0em 0.5em;
    background: var(--secondary-dark-bg-color);
    color: var(--primary-dark-fg-color);
}

.link_button:hover {
    cursor: pointer;
}

#main_navigation > ol, #main_navigation > ul {
    display: flex;
    gap: 0.5rem;
    list-style: none;
    justify-content: flex-end;
    border-bottom: solid 1px var(--primary-dark-fg-color);

}

#main_navigation * {
    display: block;

}
#main_navigation a {
    text-decoration: none;
}