ul.blooms {
  margin-top: 1rem;
}
ul.blooms li {
  padding: 0;
}
ul.blooms li summary {
  padding: 3rem 1rem 1rem 1rem;
  margin: 0;
}
ul.blooms li details {
  padding: 0;
  margin: 0;
}
ul.blooms li details:open > div {
  padding: 0 1rem 2rem 1rem;
}
ul.blooms li details:open summary {
  padding-bottom: 1rem;
}
summary {
  background-color: transparent;
}
details:not(:open):hover {
  background-color: rgba(255, 255, 255, 0.5);
}

details:open {
  background-color: white;
}

a {
  background-color: transparent;
}

a:hover {
  transform: none;
}

a:not(.image-link) {
  border-bottom: 2px solid lightgreen;
}

a:not(.image-link):hover {
  transform: skewX(-10deg);
}
a.image-link:hover {
  transform: rotate(10deg);
}

a:not(.simple-button) {
  padding: 0;
  border-radius: 0;
}

a.simple-button {
  background-color: lightgreen;
}
details h3,
details h6 {
  background-color: transparent;
  border-bottom: 2px solid lightgreen;
}

pre {
  display: inline-block;
  padding: 0 0.5rem;
  width: 100%;
  overflow-x: auto;
}

img[src*="logos"] {
  max-height: 160px;
}

#sparkle-title ul {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  overflow: hidden;
  font-size: 1rem;
  font-weight: bold;
  margin-top: 0;
}

#sparkle-title {
  position: sticky;
  top: 0;
  background-color: lightgreen;
  color: darkgreen;
  line-height: 1em;
}

h3 {
  margin-bottom: 0;
}