.in-logo {
  position: absolute;
}

.out-logo {
  animation: spin 8s linear infinite;
}

.out-logo:hover {
  animation-play-state: paused;
}

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

.mainhead {
  display: table-cell;
  vertical-align: middle;
  width: 100vw;
  height: 100vh;
}

.navbar {
  position: fixed;
  top: 0;
  width: 100%;
}

.mainfooter {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.mainfooter a {
  text-decoration: none;
}