body {
    margin: 0;
    background-color: #FFCE63;
    text-align: center;
    background-image: url(backgroundstars.png);
    background-attachment: fixed;
}
footer {
  text-align: center;
  background-color: #9C639C;
  border: 2px solid #848484;
  width: 500px;
  margin: 0 auto;
  }
main {
  background-color: #CE9CCE;
  border: 2px solid #848484;
  height: 600px;
  overflow: auto;
  width: 500px;
  text-align: center;
  margin: 0 auto;
}

.bounds {
  border: 5px red solid;
  width: 900px;
  height: 900px;
}

@keyframes hor-movement {
  from {
    margin-left: 0%;
  }
  to {
    margin-left: 100%;
  }
}

@keyframes ver-movement {
  from {
    margin-top: 0%;
  }
  to {
    margin-top: 100%;
  }
}

.image {
  animation-name: hor-movement, ver-movement;
  animation-duration: 3.141s, 1.414s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
}