/* moving animation */
@keyframes moveBox {
  from {
    transform: translateX(0px);
  }
  to {
    transform: translateX(100px);
  }
}

/* apply animation to box */
#box {
  width: 180px;
  height: 80px;
  background: linear-gradient(to right, #ff7e5f, #feb47b);
  text-align: center;
  line-height: 80px;
  margin-top: 20px;
  border-radius: 10px;
  transition: 0.3s;

  /* animation */
  animation: moveBox 2s infinite alternate;
}
body {
  background-color: #1e3a8a; /* nice blue */
  font-family: Arial, sans-serif;
  padding: 20px;
  h1 {
  color: white;
}
  p {
  color: black;
}

.white-text {
  color: yellow;
}