{ CSS Humor }

1#My-brain { opacity: 1; }2#Professor-X:focus + #My-brain { opacity: 0; }

1#Invisible-Woman:active { opacity: 0; }

1#The-Thing { display: block; }

1#Mister-Fantastic {2  min-height: 0%;3  max-width: 100%;4}

1#Human-Torch:active {2  color: red;3  text-shadow: 2px 2px yellow;4}

1#Edward-Snowden { display: none; }

1.Ghostbusters {2  #Venkman {3    position: static;4  }5 6  &.slimed {7    position: sticky;8    transform: rotate(90deg);9    color: green;10  }11}

1.politician {2  position: absolute;3}4 5.politician.elect {6  transform: rotate(180deg);7  opacity: .1;8}

1#Sticky.the-stick-insect { position: sticky; }

1@media cinema and (luminosity: dim) {2  body { content: "popcorn"; }3}