.footer .t {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; 
  height: 100%;
  font-family: Arial;
  font-size: 20px;
  color: #F7F3E8;
  margin: auto;
  z-index: 0;
  background-color: rgba(0, 188, 110, 0);
}

.footer .t a {
  color: #F7F3E8;
  text-decoration: none;
}


.footer /* .b-box */ {
  background-color: #0F0F0F;
  width: 100%;
  height: 88px; /* 88px */
  position: absolute;
  border-top: 1px solid #0d0a0d;
  overflow: hidden;
}

 .footer .b /* footer "ball" */ {
  display: block;
  width: 66px; /* 66px */
  height: auto;
  border-radius: 0%;
  background-color: rgba(255, 240, 31, 0);
  position: absolute;
   
  animation: moveX 8.1s linear 0s infinite alternate, moveY 8.9s linear 0s infinite alternate;
}


@keyframes moveX {
  from { left: -7%; } to { left: 100%; }
}

@keyframes moveY {
  from { top: -25%; } to { top: 85%; }
}


.footer .b:hover /* footer "ball" */ {
  animation-play-state:paused;
  cursor: pointer;
}

.t .pd /* text padded footer */ {
  margin-right: 16%;
}