/* BASIC STYLES HERE */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  /* background-image: url(https://apod.nasa.gov/apod/image/2509/NGC4565_APOD_sRGB.jpg); */
  background-size: cover;
  background-position: center;
  background-color: black;
}

main {
  flex-grow: 1;
  display: flex;
  place-content: center;
  align-items: center;
}

#pop-toast-container {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: end;
}

.text-shadow {
  color: white;
  text-shadow: 1px 2px 5px black;
  font-weight: bold;
}

.magic-eye:hover {
  color: yellow;
  cursor: crosshair;
}

.explanation {
  transition: opacity 500ms ease-in-out;
}

/* NOTE sibling selector + */
.magic-eye:hover+.explanation {
  opacity: 0;
}