.content-container [class^="card"] {
  background: var(--theme-gradient);
  width: auto;
  max-width: 50vw;
  margin: 15px;
  padding: 20px 20px 40px 20px;
  border-radius: 20px;
  position: relative;
  box-shadow: 0 2px 10px 1px gray;
}
.content-container [class*="card-wide"] {
  max-width: 70vw;
}
.content-container [class*="card-flex"] {
  max-width: 80vw;
  margin: 15px 15px 25px 15px;
  display: flex;
  gap: 15px;
}
.content-container [class*="card-flex"][class*="left"] {
  left: -40%;
  transform: translate(40%, 0);
}
.content-container [class*="card-flex"][class*="right"] {
  left: 40%;
  transform: translate(-40%, 0);
}

.content-container .holder {
  background-color: var(--bg-box);
  padding: 10px;
  border: solid grey 2px;
  border-radius: 10px;
}
.content-container [class*="card-flex"] .holder {
  width: auto;
}

.content-container .holder .title {
  font-size: 1.3em;
  font-family: Tilt Warp;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: dashed 2px grey;
}

/* Donate Button */
.content-container [class^="card"] .donate-shine {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  background: linear-gradient(
    110deg,
    transparent 40%,
    rgba(255, 255, 255, 0.4) 50%,
    transparent 60%
  );
  background-size: 200% 100%;
  animation: donateShine 5s linear infinite;
  animation-delay: 1s;
}

@keyframes donateShine {
  0% {
    background-position: 200% 0;
  }
  50% {
    background-position: -200% 0;
  }
  50.1% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}