body {
  background-image:url('img/texture.png');
  overflow-y: hidden;
}
.text-container {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.text {
	color: #E3BD87;
	font-family: 'Raleway', sans-serif;
	font-size: 30px;

	cursor: default;
  text-decoration: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.text:hover {
   color: #AA9576;
}

.hidden{
  position: absolute;
  bottom:0px;
  right:0px;
  width:1px;
  height:1px;
  opacity:0;
}

.video{
  position: absolute;
	top: 100%;
  left: 50%;
	transform: translate(-50%, 0%);
  animation-name: flyIn;
  animation-duration: 128s;
}

@keyframes flyIn {
  0% {top: 100%;}
  6% {top: 55%;}
  100% {top: 55%;}
}