#splashScreen .logo{
	position: relative;
	left: 0;
	margin: 0 auto;
  text-align: center;
}

.logo{
	position: absolute;
    max-width: 620px;
}

.logo img {
    width: 100%;
    margin: auto;
    padding: 35px 0px;
}

#splashScreen .instructions{
	position: relative;
	top: 200px;
	left: 0;
}

.buttonHolder {
  width: 100%;
  text-align: center;
}

.instructionsBtn {
	position: relative;
	left: 0;
	margin: 0 auto;
  display: inline-block;
}

body {
  margin: 0;
  overflow: hidden;
}

.background {
  width: 100vw;
  height: 100vh;
  background-image: radial-gradient(circle, #4f5a8a 0%, #2b3252 100%);
  position: absolute;
  z-index: 0;
}

.background span {
  width: 20vmin;
  height: 20vmin;
  border-radius: 20vmin;
  backface-visibility: hidden;
  position: absolute;
  animation-name: move;
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.background span:nth-child(1) {
  color: #FFACAC;
  top: 26%;
  left: 98%;
  animation-duration: 15.6s;
  animation-delay: -8.6s;
  transform-origin: 16vw -22vh;
  box-shadow: 40vmin 0 14.1164293341vmin currentColor;
}
.background span:nth-child(2) {
  color: #FFACAC;
  top: 12%;
  left: 20%;
  animation-duration: 16s;
  animation-delay: -12.8s;
  transform-origin: -15vw 19vh;
  box-shadow: 40vmin 0 14.8785755745vmin currentColor;
}
.background span:nth-child(3) {
  color: #E45A84;
  top: 50%;
  left: 60%;
  animation-duration: 13.3s;
  animation-delay: -13.4s;
  transform-origin: -20vw -16vh;
  box-shadow: -40vmin 0 6.7111803293vmin currentColor;
}
.background span:nth-child(4) {
  color: #583C87;
  top: 49%;
  left: 24%;
  animation-duration: 10.1s;
  animation-delay: -5s;
  transform-origin: -21vw -12vh;
  box-shadow: 40vmin 0 6.7962324707vmin currentColor;
}
.background span:nth-child(5) {
  color: #E45A84;
  top: 35%;
  left: 49%;
  animation-duration: 14.8s;
  animation-delay: -10.8s;
  transform-origin: -12vw -12vh;
  box-shadow: -40vmin 0 6.2272514352vmin currentColor;
}
.background span:nth-child(6) {
  color: #FFACAC;
  top: 53%;
  left: 67%;
  animation-duration: 14.9s;
  animation-delay: -12.6s;
  transform-origin: -12vw 15vh;
  box-shadow: -40vmin 0 13.7980628993vmin currentColor;
}
.background span:nth-child(7) {
  color: #E45A84;
  top: 49%;
  left: 70%;
  animation-duration: 11s;
  animation-delay: -7s;
  transform-origin: 23vw -22vh;
  box-shadow: 40vmin 0 6.2518440075vmin currentColor;
}
.background span:nth-child(8) {
  color: #FFACAC;
  top: 54%;
  left: 12%;
  animation-duration: 11.9s;
  animation-delay: -14.7s;
  transform-origin: -23vw -4vh;
  box-shadow: -40vmin 0 11.70133685vmin currentColor;
}
.background span:nth-child(9) {
  color: #FFACAC;
  top: 94%;
  left: 99%;
  animation-duration: 10.6s;
  animation-delay: -1.5s;
  transform-origin: -18vw -12vh;
  box-shadow: 40vmin 0 7.1232573218vmin currentColor;
}
.background span:nth-child(10) {
  color: #E45A84;
  top: 51%;
  left: 45%;
  animation-duration: 14.1s;
  animation-delay: -9s;
  transform-origin: -19vw 8vh;
  box-shadow: 40vmin 0 14.7887280756vmin currentColor;
}
.background span:nth-child(11) {
  color: #583C87;
  top: 83%;
  left: 84%;
  animation-duration: 13.1s;
  animation-delay: -13.3s;
  transform-origin: 16vw 7vh;
  box-shadow: 40vmin 0 8.7951875542vmin currentColor;
}
.background span:nth-child(12) {
  color: #E45A84;
  top: 66%;
  left: 41%;
  animation-duration: 10.5s;
  animation-delay: -5.4s;
  transform-origin: 21vw -16vh;
  box-shadow: -40vmin 0 7.5298947443vmin currentColor;
}
.background span:nth-child(13) {
  color: #583C87;
  top: 72%;
  left: 97%;
  animation-duration: 15.4s;
  animation-delay: -5.8s;
  transform-origin: -19vw -2vh;
  box-shadow: 40vmin 0 12.867053326vmin currentColor;
}
.background span:nth-child(14) {
  color: #E45A84;
  top: 83%;
  left: 38%;
  animation-duration: 12s;
  animation-delay: -14.2s;
  transform-origin: 9vw 16vh;
  box-shadow: -40vmin 0 5.3595655056vmin currentColor;
}
.background span:nth-child(15) {
  color: #E45A84;
  top: 60%;
  left: 52%;
  animation-duration: 15.5s;
  animation-delay: -2.5s;
  transform-origin: -21vw -2vh;
  box-shadow: -40vmin 0 14.4347328748vmin currentColor;
}
.background span:nth-child(16) {
  color: #E45A84;
  top: 23%;
  left: 41%;
  animation-duration: 13.8s;
  animation-delay: -12.5s;
  transform-origin: 22vw -3vh;
  box-shadow: -40vmin 0 12.5066331163vmin currentColor;
}
.background span:nth-child(17) {
  color: #583C87;
  top: 56%;
  left: 85%;
  animation-duration: 14.6s;
  animation-delay: -7.5s;
  transform-origin: 18vw 10vh;
  box-shadow: 40vmin 0 5.4171828941vmin currentColor;
}
.background span:nth-child(18) {
  color: #E45A84;
  top: 10%;
  left: 89%;
  animation-duration: 15.9s;
  animation-delay: -6.7s;
  transform-origin: 12vw 7vh;
  box-shadow: 40vmin 0 11.4557263085vmin currentColor;
}
.background span:nth-child(19) {
  color: #E45A84;
  top: 28%;
  left: 87%;
  animation-duration: 14.6s;
  animation-delay: -4.2s;
  transform-origin: -22vw 10vh;
  box-shadow: 40vmin 0 13.5206608755vmin currentColor;
}
.background span:nth-child(20) {
  color: #E45A84;
  top: 44%;
  left: 46%;
  animation-duration: 15.8s;
  animation-delay: -6s;
  transform-origin: 25vw 4vh;
  box-shadow: 40vmin 0 14.0707331965vmin currentColor;
}

@keyframes move {
  100% {
    transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}

/* FADE OUT */

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
}

/* RESPONSIVE */

@media (max-width: 549px) {
	.logo img {
		width: 65%;
	}
}