body {
  margin: .5rem;
  padding: 0;
  color: orange;
  font-family: sans-serif;

  background-color: #222;
}

h1, h2, h3, h4, h5, h6 {
  text-shadow: 4px 4px rgba(241, 38, 161, 0.7);
}

h2 {
  margin-top: 1.5rem;
  margin-bottom: .5rem;
}

ul {
  margin: 0rem 0;
  padding: 0 0 0 2rem;
}

li {
  display: inline-block;
  margin: 1em;
  padding: 0;
}

a,
a:link,
a:visited
{
  display: inline-block;
  padding: 1em;

  background-color: rgb(226, 31, 149);
  color: #222;

  text-decoration: none;
}

a.initialized {
  transition:
    background-color 1s linear,
    color 100ms ease-in-out,
    opacity 500ms linear;
}

a:hover,
a:focus,
a:active
{
  color: white;
  transition: background-color 100ms linear, color 100ms ease-in-out;
}

img {
  max-width: 100%;
  height: auto;
}

a.no-disco,
a.no-disco:link,
a.no-disco:visited
{
  display: inline;
  padding: 0;
  background-color: inherit;
}

ul.pico8-carts img {
  image-rendering: pixelated;
}

ul.not-links {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.not-links li {
  margin: 0;
}

.kaomoji {
  white-space: nowrap;
}

@media (max-width: 768px) {
  h1, h2, h3, h4, h5, h6 {
    text-align: center;
  }

  ul {
    padding-left: 0;
    margin-left: 0;
  }

  a,
  a:link,
  a:visited,
  li
  {
    display: block;
  }

  li {
    text-align: center;
  }

  ul.pico8-carts {
    display: flex;
    justify-content: left;
    align-items: center;
    overflow-x: auto;
    min-width: 100%;
  }

  ul.pico8-carts li {
    min-width: calc(160px + .25rem);
    margin: 0;
    padding: 0 .25rem;
  }

  ul.pico8-carts a {
    margin: 0;
  }

  ul.pico8-carts img {
    min-width: 160px;
  }

  #badges {
    text-align: center;
  }
}