# circle {
  position: absolute;
  top: 50%;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: red;
  animation: move 2s linear infinite;
}
@keyframes move {
  0% {
    left: 0;
  }
  100% {
    left: calc(100% - 50px);
  }
}
body {
  background-color: rgb(23, 23, 23);
}

a {
  color: red;
  text-decoration: none;
}

h1 {
  font-size: 150px;
  color: #ffffff;
  text-align: center;
}
h1 {
  opacity: 0;
  transition: opacity 1s;
}
h1:hover {
  opacity: 1;

  
    @keyframes move {
      0% {
        left: 0;
      }
      100% {
        left: calc(100% - 50px);
      }
    }