body {
  background: #D0E4F5 url("images/background-main.png") repeat scroll 0 0;

  animation-duration: 60s;
  animation-name: background-scroll;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: initial;

  color: rgb(224, 255, 247);
  font-family: Verdana;

  margin: 5% 10% 10% 10%;

  text-shadow: 3px 3px;
  text-shadow: 2px 2px 0px rgba(29, 64, 177, 0.687);

}


@keyframes background-scroll {
  from {
    background-position: 0% 0%;
  }

  to {
    background-position: 100% 100%;
  }
}

header {
  margin: 0% 10% 10% 30%;

  background: #350a1b repeat scroll 0 0;
  font-family: Verdana;

  text-shadow: 2px -2px 3px rgb(190, 27, 89);
  text-shadow:
    2px 2px rgba(49, 114, 255, 0.744);

	height: 150px;
	width: 450px;

  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 1px;

  border: 2mm inset rgb(230, 47, 114);
}

header,h2 {
  font-family: Courier New;
  color: rgb(79, 254, 207);
}

h2 {
  border: 2mm inset rgba(111, 255, 167, 0.6);
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  background: #014954 repeat scroll 0 0
}

div {
  float: right;
  padding-bottom: 5px;
}

div a {
  display: block;
  clear: both;
}

footer {
  padding-top: 25%;
}

#viola {
  display: block;
  float: right;
}

#ely {
  display: block;
  float: left;
}

#wip {
  animation-duration: 3s;
  animation-name: slide-in;
  animation-iteration-count: infinite;
  animation-direction: alternate;

  border: thick double #ce3232;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;

  
  background: #ff0152 repeat scroll 0 0
}

@keyframes slide-in {
  from {
    border: thick double #ce3232;
  }

  to {
    border: thick double #9232ce;
  }
}