.load{
	position:fixed;
	z-index: 1000;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
  background: radial-gradient(#222f2f, #000500);
  font-family: 'Source Code Pro', monospace;
  font-weight: 400;
  overflow: hidden;
  text-align: center;
}

.word {
  bottom: 0;
  color: #fff;
  font-size: 2.5em;
  height: 2.5em;
  left: 0;
  line-height: 2.5em;
  margin: auto;
  right: 0;
  position: absolute;
  text-shadow: 0 0 15px rgba(0, 203, 210, 0.75), 0 0 10px rgba(0, 150, 160, 0.75);
  top: 0
}

.char8,
.char9,
.char10{font-size: 80%;}

.word span {
  display: inline-block;
  transform: translateX(100%) scale(0.9);
  transition: transform 500ms;
}

.word .done {
  color: #fff;
  transform: translateX(0) scale(1);
}

.overlay {
  background-image: linear-gradient(transparent 0%, rgba(10, 16, 10, 0.5) 50%);
  background-size: 1000px 2px;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}


@media screen and (max-width: 480px) {
	.word {
		font-size: 1.5em;
		height: 1.5em;
		line-height: 1.5em;
	}

}