/* Garland: now slowly shimmering */
.garland{
  position:fixed;top:0;left:0;right:0;height:26px;
  z-index:6;pointer-events:none;opacity:.82;
  background:
    radial-gradient(circle at 6% 60%, rgba(255,120,120,.95), transparent 42%),
    radial-gradient(circle at 14% 40%, rgba(120,255,170,.92), transparent 42%),
    radial-gradient(circle at 22% 58%, rgba(120,200,255,.95), transparent 42%),
    radial-gradient(circle at 30% 42%, rgba(255,210,120,.94), transparent 42%),
    radial-gradient(circle at 38% 60%, rgba(170,120,255,.94), transparent 42%),
    radial-gradient(circle at 46% 42%, rgba(255,120,200,.92), transparent 42%),
    radial-gradient(circle at 54% 60%, rgba(120,255,170,.92), transparent 42%),
    radial-gradient(circle at 62% 42%, rgba(120,200,255,.95), transparent 42%),
    radial-gradient(circle at 70% 58%, rgba(255,210,120,.94), transparent 42%),
    radial-gradient(circle at 78% 42%, rgba(170,120,255,.94), transparent 42%),
    radial-gradient(circle at 86% 60%, rgba(255,120,120,.95), transparent 42%),
    radial-gradient(circle at 94% 42%, rgba(120,255,170,.92), transparent 42%);
  filter: drop-shadow(0 10px 20px rgba(0,0,0,.35));
  animation: garlandHue 18s linear infinite, garlandTwinkle 3.8s ease-in-out infinite;
}
.garland::after{
  content:"";
  position:absolute;left:0;right:0;top:18px;height:2px;
  background:rgba(255,255,255,.18);
  box-shadow: 0 0 24px rgba(120,200,255,.18);
}
@keyframes garlandHue{
  0%{filter:hue-rotate(0deg) drop-shadow(0 10px 20px rgba(0,0,0,.35))}
  100%{filter:hue-rotate(360deg) drop-shadow(0 10px 20px rgba(0,0,0,.35))}
}
@keyframes garlandTwinkle{
  0%,100%{opacity:.78}
  50%{opacity:.92}
}