.header__logo {
  position: relative;
}

.header__logo img {
  position: absolute;
  pointer-events: none;
  left: -0.5em;
  bottom: 1em;
  width: 2em;
  animation: 0.5s ease 2s both putdahat;
}

.page__logo {
  position: relative;
}

.page__logo img {
  position: absolute;
  pointer-events: none;
  left: -0.5em;
  bottom: 1em;
  width: 2em;
  animation: 0.5s ease 2s both putdahat;
}

#cursor {
  z-index: 10;
}

@keyframes putdahat {
  0% {
    opacity: 0;
    transform: scale(0.5) translateX(-50%) translateY(-100%) rotate(-15deg);
  }
  75% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}