@font-face {
  font-family: "Satyr";
  src: url("Satyr-Regular.woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Satyr";
  src: url("Satyr-Italic.woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}


html {
  font-size: 112.5%;
}

body, button, input {
    font-family: Satyr, 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
}

.track .track_playback,
.actions.primary a, .actions.primary button, a.button, button.button, form button {
  border-radius: 0.1em;
}


/* Boldly assuming only the front page lacks image, remove header on front page*/
.layout:not(:has(.image)) header { display: none; }

.abstract {
  width: 100%;
  text-align: center;
}

.abstract h1 {
  letter-spacing: 0.08em;
  font-variant: all-small-caps;
}

.cover + .abstract {
  text-align: inherit;
}

.cover + .abstract h1 {
  font-variant: inherit;
  letter-spacing: inherit;
}

.release a,
.cover + .abstract h1 {
  font-style: italic;
}

.release_artists {
  letter-spacing: 0.02em;
}

header #logo svg { display: none; }

#logo span {
  display: inline-block;
  line-height: 2em;
  position: relative;
  font-variant: all-small-caps;
  letter-spacing: 0.04em;
  
}

footer > span {
    flex-basis: 100%;
}

footer > span > a {
    flex-grow: 1;
}

.text > .divider > span:nth-child(2) {
    opacity: 1;
}

main {
    align-self: start;
}

code {
  font-family: Satyr;
  font-variant: all-small-caps;
}