/**
  Styling for the first loading page. 
**/
body{
  background-color: #F5F7FB;
  background: url("i/bg-wave.svg") center center no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100vw;
}

.spin-loader {
  height: 60px;
  width: 60px;
  animation: spin 1.0s infinite cubic-bezier(.3, .1, .7, .9);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -87px 0 0 -30px;
}

/* Spin animation */
@keyframes spin {
  from { transform:rotate(0deg); }
  to { transform:rotate(360deg); }
}