.text-scroll {
  overflow: hidden;
  position: absolute;
  top:0px;
  right: 0px;
  width: 100%;
}

.text-scroll-outline {
  display: inline-block;
  white-space: nowrap;
  font-family: archivo;
  font-size: 48pt;
  font-weight: 800;

  letter-spacing: 3px;


  color: var(--lvl3);
  animation: floatText 200s infinite linear;
  padding-left: 0%;
  /*Initial offset*/

transition: color 0.3s ease;
}
.text-scroll-outline:hover {
  color:var(--pom);
}

@keyframes floatText {
  to {
    transform: translateX(-100%);
  }
}



.text-scroll2 {
  overflow: hidden;
  position: absolute;
  top:0px;
  right: 0px;
  width: 100%;
}

.text-scroll-outline2 {
  display: inline-block;
  white-space: nowrap;
  font-family: archivo;
  font-size: 18pt;
  font-weight: 600;

  letter-spacing: 1px;


  color: var(--lvl3);
  animation: floatText 130s infinite linear;
  padding-left: 0%;
  /*Initial offset*/


}


@keyframes floatText {
  to {
    transform: translateX(-100%);
  }
}