#scroll-buttons{
  position: relative;
}
#hint{
  position: absolute;
  top: -35px;
  left: 30px;
  background-color: var(--color-350);
  color: var(--color-950);
  opacity: 0;
  padding-block: .2rem;
  padding-inline: .6rem;
  border-radius: 15px 15px 15px 0;
  animation: show 2s linear;
  animation-duration: 4s;
  animation-iteration-count: 3;
  
}


@keyframes show {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    
    }
    100%{
        opacity: 0;
    }
    
}