body {
  font-family: "Outfit", Helvetica, arial, sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: white;
  background-color: black;
}

.sixtyfour-trona {
  font-family: "Sixtyfour", sans-serif;
  font-size:4rem;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "BLED" 0,
    "SCAN" 0;
  text-align: center;
}

header, section {
  max-width: 100%;
  display: flex;
  flex-direction:column;
  align-items: stretch;
  justify-self: center;
}

header {
  margin: 2rem 0 2rem 0;
}

header .description {
  text-align: center;
}

section {
  max-width: 100%;
  display: flex;
  flex-direction:column;
  align-items: stretch;
  justify-self: center;
  background-color: #222;
  padding: 1rem;
  border-radius:1rem;
  margin-bottom:2rem;
}

article {
  margin-bottom:2rem;
}

article p {
  margin: 1rem 0 1rem 0;
}

article:last-child, article p:last-child {
  margin-bottom:0;
}

h1,h2,h3 {
  padding: 0;
  margin: 0;
}

h1 a {
  color: white;
  text-decoration:none;
}

h1 a:visited {
  color: white;
}

h1 a:hover {
  color: lightblue;
}

.description {
  padding: 0;
  margin: 0;
  font-style: italic;
  color: #aaa;
}

a, p a {
  color: lightcyan;
}

a:visited, p a:visited, a:hover, p a:hover {
  color: lightblue;
}

.fuckoffbots {
  color: lightblue;
}

.fuckoffbots span {
  color: gray;
}

ul {
  margin:0;
}

ol {
  list-style-type: none;
  padding-left:0;
  padding-right:0;
  margin:2rem 0 0 0;
}

ol li {
  margin: 0 0 3rem 0;
  padding-left:0;
  padding-right:0;
}

ol li .description {
  margin-top:0.3rem;
}

li:last-child, li p:last-child {
  margin-bottom:0;
}

.spotify-embed {
  margin-top:0.3rem;
}

.spotify-embed iframe {
  max-width:100%;
}

.youtube-embed iframe {
  margin-top:1rem;
}

/* Tablet viewports and larger */
@media (min-width: 48rem) { 
  section, header {
    max-width: 40rem;
  }
  .sixtyfour-trona {
    font-size:5rem;
  }
}

/* Desktop viewports and larger */
@media (min-width: 64rem) {
  /*
  section {
    max-width: 40rem;
  }
  */
}