@import "/root.css";

.pride-banner,
.new-year-banner,
.new-years-eve-banner {
  display: inline-block;
  width: 100vw;
  text-align: center;
  font-size: 3rem;
  padding: 2rem;
}

.pride-banner {
  background: linear-gradient(
    red    0%       16.6667%,
    orange 16.6667% 33.3333%,
    yellow 33.3333% 50%,
    green  50%      66.6667%,
    blue   66.6667% 83.3335%,
    purple 83.3335% 100%
  );
  color: black;
  text-shadow: 0 0 1px white;
}

.new-year-banner,
.new-years-eve-banner {
  background: color-mix(in srgb, var(--albertunruh-color) 50%, #000 50%);
  color: white;
}