/* pastel palette override - loaded after style.css on cute.html only */

:root {
  --black: #7a2c68;
  --card: #8a3874;
  --card2: #9c4a86;
  --cherry: #ff8fc2;
  --hot-pink: #ff5fb0;
  --pink-light: #ffb3dd;
  --magenta: #c65a9e;
}

body {
  background-image: url("images/bg-cute.gif");
  background-repeat: repeat;
  background-size: auto;
  animation: cute-scroll 20s linear infinite;
}

@keyframes cute-scroll {
  from { background-position: 0 0; }
  to   { background-position: -100px -120px; }
}

.glow-blob {
  display: none;
}

.stars {
  background-image:
    radial-gradient(2px 2px at 10% 20%, #fff, transparent),
    radial-gradient(2px 2px at 30% 70%, #ff9ed4, transparent),
    radial-gradient(3px 3px at 50% 15%, #fff, transparent),
    radial-gradient(2px 2px at 70% 85%, #ff9ed4, transparent),
    radial-gradient(2px 2px at 85% 35%, #fff, transparent),
    radial-gradient(3px 3px at 92% 65%, #ff5fb0, transparent),
    radial-gradient(2px 2px at 15% 90%, #fff, transparent),
    radial-gradient(2px 2px at 60% 45%, #ff5fb0, transparent),
    radial-gradient(2px 2px at 40% 30%, #fff, transparent),
    radial-gradient(2px 2px at 78% 12%, #ff9ed4, transparent);
}

.page-wrap {
  background: rgba(138, 56, 116, 0.92);
  box-shadow: 6px 6px 0px var(--cherry), 0 0 50px rgba(255, 95, 176, 0.3);
}

.dingbat-star {
  text-shadow: 0 0 6px rgba(255, 179, 221, 0.8);
}

.site-title {
  text-shadow: 0 0 18px rgba(255, 95, 176, 0.5);
}