pre {
  font-family: cousine, monospace;
  color: #000000; }

.footer {
  position: absolute;
  top: 50%;
  left: 6%; }

#target {
  opacity: 0;
  /*transition: opacity 2s linear;*/ }

#trigger:hover {
  opacity: 0.1;
  transition: opacity 2s linear;
  -moz-transition: opacity 2s ease-in-out;
  -webkit-transition: opacity 2s ease-in-out; }

#trigger:hover + #target {
  opacity: 0.9;
  transition: opacity 2s linear;
  -moz-transition: opacity 2s ease-in-out;
  -webkit-transition: opacity 2s ease-in-out; }

.centeredImage {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -56px;
  margin-left: -58px;
  transition: opacity 2s linear;
  -webkit-animation: spin 30s linear infinite;
  -moz-animation: spin 30s linear infinite;
  animation: spin 30s linear infinite; }

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }