body {
    background-color: #1abc9c;
}

a:link {
    color: #fff;
}

a:visited {
    color: #fff;
}

.spinner {
  width: 80px;
  height:80px;
  background-color: #fff;

  margin: 150px auto;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.titleText {
    font-family: 'Open Sans', sans-serif;
    font-size: 3em;
    color: #fff;
    text-align: center;
}

.bodyText {
    font-family:'Open Sans', sans-serif;
    font-size: 1.2em;
    color: #fff;
    text-align: center;
    line-height: 2em;
}

.footer {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.7em;
    color: #fff;
    text-align: center;
    margin-top: 50px;
}

.icons {
    position: relative;
    margin-top: 20px;
    text-align: center;
    color: #fff;
}