body {
  background-image: url("page_2_ART_443.png"); 
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: rgb(197, 157, 89);
  color: rgb(251, 207, 88);
  margin: 0;
  font-family: 'Amatica SC', 'Arial Narrow', Arial, sans-serif;
  font-size: 3.2em;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.text-box {
  font-size: 36pt;
  font-family: 'Amatica SC', 'Arial Narrow', Arial, sans-serif;
  position: absolute;
  top: 15%;
  left: 25%;
  transform: translate(-50%, -50%);
}

span {
  display: inline-block;
  font-weight: bolder;
  animation: mover 6s linear infinite;
  color: white;
}

@keyframes mover {
  0%   { text-shadow: 0 0 30px rgba(0,0,0,0);    transform: translateY(0); }
  50%  { text-shadow: 0 0 30px rgba(0,0,0,0.30); transform: translateY(30px); }
  100% { text-shadow: 0 0 30px rgba(0,0,0,0);    transform: translateY(0); }
}

span:nth-child(1)  { animation-delay: .5s; }
span:nth-child(2)  { animation-delay: 1s; }
span:nth-child(3)  { animation-delay: 1.5s; }
span:nth-child(4)  { animation-delay: 2s; }
span:nth-child(5)  { animation-delay: 2.5s; }
span:nth-child(6)  { animation-delay: 3s; }
span:nth-child(7)  { animation-delay: 3.5s; }
span:nth-child(8)  { animation-delay: 4s; }
span:nth-child(9)  { animation-delay: 4.5s; }
span:nth-child(10) { animation-delay: 5s; }
span:nth-child(11) { animation-delay: 5.5s; }
span:nth-child(12) { animation-delay: 6s; }
span:nth-child(13) { animation-delay: 6.5s; }
span:nth-child(14) { animation-delay: 7s; }
span:nth-child(15) { animation-delay: 7.5s; }
