@keyframes shake {
  0%, 100% {
    transform: translateY(0);
  }
  10%, 30%, 50%, 70% {
    transform: translateY(-8px);
  }
  20%, 40%, 60% {
    transform: translateY(8px);
  }
  80% {
    transform: translateY(6.4px);
  }
  90% {
    transform: translateY(-6.4px);
  }
}



header {
  background: url("../../images/website/UBN-gaFdh9W.webp") no-repeat center;
  background-size: cover;
}

#logo {
  right: 10vw;
top: 43vh;
}

.scroll{
  animation: shake 5s linear 0s infinite normal none;
  position: absolute;
  bottom: 30vh;
  right: 50vw;
  width: 40px;
}

@media (max-width: 765px) {
  #logo {
    top: 22vh;
  }
}