.buttoncolor:hover{
    background-color: rgb(153, 220, 239);
    color:red;
}
.scrolling-text {
  overflow: hidden;          /* hide text outside container */
  white-space: nowrap;       /* keep text in one line */
}

.scrolling-text h2 {
  display: inline-block;
  color:rgb(32, 143, 228);
  padding-left: 100%;        /* start from outside left */
  animation: moveRight 30s linear infinite;
}

@keyframes moveRight {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}