html {
  color-scheme: light dark;
}
main {
  font-size: clamp(5rem, 20vw, 20rem);
  width: 100%;
  height: 90vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
a {
  text-decoration: none;
  color: CanvasText;
}
a[href*="#e"] {
  opacity: .2;
}
a[href*="#ee"] {
  opacity: .4;
}
a[href*="#eee"] {
  opacity: .6;
}
a[href*="#eeee"] {
  opacity: .8;
}
a[href*="#eeeee"] {
  opacity: 1;
}
a[href*="#e"]::after {
  content: "I would prefer not to.";
}
a[href*="#ee"]::after {
 content: "I would prefer not to.";
}
a[href*="#eee"]::after {
  content: "I would prefer not to.";
}
a[href*="#eeee"]::after {
  content: "I would prefer not to.";
}
a[href*="#eeeee"]::after {
  content: "ಠ_ಠ";
}
a[href*="#"]::after {
  display: none;
}  
a[href*="#"]:active::after {
  display: block;
  width: 50%;
  text-align: center;
  font-size: clamp(1.5rem, 5vw, 3rem);
  position: absolute;
  left: 50%;
  margin-left: -25%;
}