html {
  background-color: #2f3f4a;
}

h3{
    
  display: inline-block;
  left: 50%;
  position: absolute;
  top: 25%;
  transform: translate(-50%, -50%);
}

h1 {
  color: #eef;
  display: inline-block;
  font-size: 7vw;
  left: 50%;
  position: absolute;
  top: 40%;
  transform: translate(-50%, -50%);
}

.aliens > * {
  animation: turn 5s ease-in;
  display: inline-block;
  font-family: sans-serif;
  font-weight: normal;
  letter-spacing: -2vw;
  text-shadow: 0 0 0.5rem #def;
  transform: scaleY(1);
}

h2 {
  color: #eef;
  display: inline-block;
  font-size: 1vw;
  left: 50%;
  position: absolute;
  top: 80%;
  transform: translate(-50%, -50%);
}

.alienss > * {
  animation: turn 5s ease-in;
  display: inline-block;
  font-family: sans-serif;
  font-weight: normal;
  letter-spacing: 0.1vw;
  text-shadow: 0 0 0.5rem #def;
  transform: scaleY(1);
}

@keyframes turn {
  0% {
    text-shadow: 0 0 0 #def;
    transform: scaleY(1) rotateY(90deg);
  }
  100% {
    text-shadow: 0 0 0.5rem #def;
    transform: scaleY(1) rotateY(0);
  }
}




.button-line {
	background: transparent;
	display: inline-block;
	font-weight: 400;
	border-radius: 4px;
	border: 1px solid;
	margin: 5px;
	overflow: visible;
}

.button-white {
	border-color: #fff;
	color: #fff;