h1.title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Young Serif", serif;

  margin-top: 3rem;
  padding-bottom: 0.1em;
  border-bottom: 0.1em solid light-dark(var(--dark-background), var(--light-background));;
  & img {
    height: 1em;
  }
}

.main-column {
  font-size: 1.2em;
  font-family: "IBM Plex Sans", sans-serif;
}

h1, h2, h3, h4, h5, h6,
serif {
  font-family: "Young Serif", serif;
}

emoji {
  filter: grayscale(100%);
}

ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding-left: 2em;
  gap: 0.75rem;
}

ul li {
  position: relative;
}

ul li::before {
  content: "";
  position: absolute;
  left: -1.5em;
  top: 0.65em;
  width: 1.2em;
  aspect-ratio: 1;
  transform: translateY(-50%);
  background: url("../assets/diamonds.svg") center / contain no-repeat;
}

.inline-aurora {
  height: 1em;
  padding-left: 0.2em;
  padding-right: 0.2em;
}

@media (prefers-color-scheme: dark) {
  .inline-aurora, .title-suit {
    filter: invert(1);
  }

  emoji {
    filter: grayscale(100%)invert(1);
  }

  ul li::before {
    filter: invert(1);
  }
}