body {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: black;
  color: white;
  font-family: Verdana;
}

.quinner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.quinner img {
  width: 14px;
  height: 14px;
  image-rendering: pixelated;
  transition: height 5s, width 1s;
}

.quinner:hover img {
  width: 1050px;
  height: 1050px;
}

.quinner-text {
  font-size: 0;
}

.quinner-text a {
  color: white;
}

.quinner:hover .quinner-text {
  animation-name: quinner-text;
  animation-duration: 1s;
  animation-delay: 5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes quinner-text {
  0% {font-size: 0;}
  1% {font-size: 0;}
  100% {font-size: 1rem;}
}