body {
  background-color: #384d94;
  overflow-x: hidden;
  overflow-y: hidden;
  color: white;
  font-family: Helvetica;
}

p {
  display: flex;
  justify-content: space-between;
}

h1 span{
  background-color: #c7b26b;
  color: #384d94;
  line-height: 2;
  box-shadow: 20px 0px 0px 0px #c7b26b, -20px 0px 0px 0px #c7b26b;
}

@keyframes drifter1 {
  0% {left:-30%; top:-30%; opacity: 0.5;}
  100% {left:130%; top:130%; opacity: 0.5; rotate: 180deg;}
}

@keyframes drifter2 {
  0% {left:130%; top:50%; opacity: 0.5;}
  100% {left:-30%; top:10%; opacity: 0.5; rotate: -180deg;}
}

@keyframes ferret1 {
  0% {left:30%; top:-70%; opacity: 0.5;}
  100% {left:70%; top:110%; opacity: 0.5; rotate: -60deg;}
}

@keyframes merlin {
  0% {left:110%; top:90%; opacity: 0.5;}
  100% {left:-10%; top:30%; opacity: 0.5; rotate: -120deg;}
}

@keyframes ferret2 {
  0% {left:-10%; top:70%; opacity: 0.5;}
  100% {left:110%; top:40%; opacity: 0.5; rotate: 720deg;}
}

.buttonrow {
  display: inline-block;
  border-style: solid;
  border-width: 5px;
  border-color: #c7b26b;
  border-radius: 5px;
  background-color: #945138;
}

.drifter1 {
  width: 100px;
  height: 100px;
  z-index: -1;
  content: url('pics/drifter.png');
  position: absolute;
  animation-name: drifter1;
  animation-duration: 40s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.drifter2 {
  width: 100px;
  height: 100px;
  z-index: -1;
  content: url('pics/drifter.png');
  position: absolute;
  animation-name: drifter2;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.ferret1 {
  width: 100px;
  height: 100px;
  z-index: -1;
  content: url('pics/ferret1.png');
  position: absolute;
  animation-name: ferret1;
  animation-duration: 60s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.merlin {
  width: 100px;
  height: 100px;
  z-index: -1;
  content: url('pics/merlin.png');
  position: absolute;
  animation-name: merlin;
  animation-duration: 40s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.ferret2 {
  width: 100px;
  height: 100px;
  z-index: -1;
  content: url('pics/ferret2.png');
  position: absolute;
  animation-name: ferret2;
  animation-duration: 50s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}