*{
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-family: 'Raleway';
  color: #fff;
  box-sizing: border-box;
}

body{
  width: 100vw;
  height: 100vh;
  background: #191919;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

body #center{
  position: relative;
  text-align: center;
  padding: 60px 20px;
}

body #center h2{
  font-family: 'Righteous';
  color: #fff;
  margin: 0 auto;
  font-size: 60px;
  font-weight: lighter;
}

body #center h2 span{
  margin: 0 auto;
  font-size: 16px;
  display: block;
  font-weight: lighter;
}

body #center .bottom{
  position: absolute;
  top: 100%;
}

body #center .bottom a.button{
  padding: 10px 20px;
  border-bottom: 1px solid #ccc;
  border-radius: 1000px;
  font-size: 18px;
  background: #333;
  display: inline-block;
  transform: scale(1);
}

body #center .bottom a.button:hover{
  animation: bounce 0.2s linear;
  transform: scale(1.1);
}

@keyframes bounce{
  0%{
    transform: scale(1);
  }
  75%{
    transform: scale(1.2);
  }
  100%{
    transform: scale(1.1);
  }
}

body #center .bottom a.button + p{
  margin-top: 10px;
}

/*SPINNER*/
figure{margin:0;transform:translate(-50%,-50%) rotate(0deg) scale(1.4,1.4);position:absolute;left:50%;top:50%;border-radius:150px;box-sizing:border-box;animation:rotation 20s infinite linear;z-index:-1;}

figure div:after{content:"";width:20px;height:20px;border:1px solid #fff;box-sizing:border-box;position:absolute;left:20px;top:20px;animation:shuffle 2s infinite;}

figure div:nth-child(1){transform:rotate(0deg)}
figure div:nth-child(1):after{animation-delay:-0.5s;}
figure div:nth-child(2){transform:rotate(45deg)}
figure div:nth-child(2):after{animation-delay:-1s;}
figure div:nth-child(3){transform:rotate(90deg)}
figure div:nth-child(3):after{animation-delay:-1.5s;}
figure div:nth-child(4){transform:rotate(135deg)}
figure div:nth-child(4):after{animation-delay:-2s;}
figure div:nth-child(5){transform:rotate(180deg)}
figure div:nth-child(5):after{animation-delay:-2.5s;}
figure div:nth-child(6){transform:rotate(225deg)}
figure div:nth-child(6):after{animation-delay:-3s;}
figure div:nth-child(7){transform:rotate(270deg)}
figure div:nth-child(7):after{animation-delay:-3.5s;}
figure div:nth-child(8){transform:rotate(315deg)}
figure div:nth-child(8):after{animation-delay:-4;}

@keyframes rotation{
  100%{transform:translate(-50%,-50%) rotate(-360deg) scale(1.4,1.4);}
}
@keyframes shuffle{
  50%{transform:scale(0.4,0.4) rotate(-90deg);border-radius:50%;}
}