a:link,a:visited {color:#fff;text-decoration:none;}
a:hover,a:active {color:#0f0;background:#262626;}

/* --- Sun --- */
body {
  margin: 0 0 0 0;
  background-color: #2c3e50;
  animation-name: sky;
  animation-duration: 500s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
}

.grass {
  background: green;
  height: 400px;
  width: 100%;
  position: absolute;
  bottom:0;
}

.sun {
  background: #f1c40f;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  animation-name: sun;
  animation-duration: 500s;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: normal; 
  animation-fill-mode: forwards; 
}

@keyframes sky {
  0% {
    background-color: #2c3e50;
  }
  10% {
    background-color: #ffa0a0;
  }
  30% {
    background-color: #4286f4;
  }
  70% {
    background-color: #4286f4;
  }
  90% {
    background-color: #ffa0a0;
  }
  100% {
    background-color: #2c3e50;
  }
}

@keyframes sun {
  0% {
    background: #ff670f;
    transform: translate(-200px, 200px);
  }
  25% {
    background: #f1c40f;
    transform: translate(330px, 0px);
  }
  50% {
    background: #f1c40f;
    transform: translate(860px, -50px);
  }
  75% {
    background: #f1c40f;
    transform: translate(1390px, 0px);
  }
  100% {
    background: #d80000;
    transform: translate(1920px, 200px);
  }
}

#footer {
bottom:5px;position:fixed;width:100%
}
#footercont{margin: 0 auto; width: 330px;
}
/** Terra Luna Inc **/
#footer {
bottom:5px;position:fixed;width:100%
}
#footercont{margin: 0 auto; width: 330px;
}
#mail {
right:5px;bottom:2px;
  position:fixed;text-align:right;
}