@import "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.6.0/build/styles/github-dark-dimmed.min.css";/* Box sizing rules */*,
*::before,
*::after {
  box-sizing: border-box;
}/* Prevent font size inflation */html {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}/* Remove default margin in favour of better control in authored CSS */body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin-block-end: 0;
}/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ul[role='list'],
ol[role='list'] {
  list-style: none;
}/* Set core body defaults */body {
  min-height: 100vh;
  line-height: 1.5;
}/* Set shorter line heights on headings and interactive elements */h1, h2, h3, h4, button, input, label {
  line-height: 1.1;
}/* Balance text wrapping on headings */h1, h2, h3, h4 {
  text-wrap: balance;
}/* A elements that don't have a class get default styles */a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  color: currentColor;
}/* Make images easier to work with */img,
picture {
  max-width: 100%;
  display: block;
}/* Inherit fonts for inputs and buttons */input, button, textarea, select {
  font-family: inherit;
  font-size: inherit;
}/* Make sure textareas without a rows attribute are not tiny */textarea:not([rows]) {
  min-height: 10em;
}/* Anything that has been anchored to should have extra scroll margin */:target {
  scroll-margin-block: 5ex;
}body {
  color: #e4e4e4;
  background-color: var(--page-bg-colour);
  background-attachment: fixed;
  background-image: var(--page-bg-image);
}main {
  --layer-colour: hsl(55, 80%, 5%, 10%);
  padding-block: 2rem;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}.layered {
  background-color: var(--layer-colour);
  border: 1px solid hsl(55, 80%, 5%);
  box-shadow: hsl(0, 0%, 0%, 10%) 0 0 10px 5px;
  border-radius: 5px;
}* + * {
  margin-block-start: 1.2rem;
  .no-space > & {
    margin-block-start: unset;
  }
}:first-child {
  margin-block-start: 0;
}.centred {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1em;
  padding-right: 1em;
}body {
  padding-bottom: 7rem;
  > * {
    max-width: 800px;
    margin-inline: auto;
    padding-inline: 1rem;
  }
}p, h1, h2, h3, h4, h5, h6 {
  line-height: 1.5em;
  padding-bottom: 0.5em;
}body {
  font-family: var(--main-fontstack);
  font-weight: 300;
  font-size: 1em;
}h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-fontstack);
  font-weight: 800;
  font-weight: normal;
  & a {
    text-decoration: none;
  }
}h1 {
  font-size: 2em;
}h2 {
  font-size: 1.7em;
}h3 {
  font-size: 1.5em;
  font-style: oblique;
}a {
  &:hover {
    color: #111111;
    background-color: yellow;
    text-decoration: underline;
  }
}blockquote {
  border-left: solid #aaaaaa 3px;
  padding-inline-start: 1em;
  margin-inline: 0;
}:root {
  --bg-image: url("/assets/images/arches-trans.png");
  --site-logo: url("/assets/images/sad-viking.svg");
  --site-hue: 190;
  --dark: hsl(229, 47%, 22%);
  --dark-contrast: hsl(64, 73%, 51%);
  --page-bg-colour: hsl(var(--site-hue), 90%, 10%);
  --page-bg-image: var(--bg-image);

  --main-fontstack: 'Montagu Slab Variable', serif;
  --heading-fontstack: 'Stack Sans Headline Variable', sans-serif;
}