@import url('font.css');

a {
  color: inherit
}
.space-bg {
  width: 1000%;
  height: 60%;
  background-size: cover;
  background: url(../images/bg.png);
  background-position: 0% bottom;
  position: absolute;
  background-repeat: repeat;
  z-index: -1;
  /*animation-name: example;
  animation-duration: 60s;
  animation-direction:alternate;
  animation-iteration-count:infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;*/
}
@-webkit-keyframes example {
  from {
    left: -50%;
  }
  to {
    left: 0%;
  }
}

#overlay {
  position: absolute;
  width: 100%;
  height: 33.3%;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(1,31,41,0) 0%,rgba(1,31,41,1) 100%);
}
#about {
  color: #fff;
  width: 80%;
  text-align: center;
  margin: 0 auto;
  padding-top: 10%
}
#about div {
  display: inline;
  text-align:left;
  width:50%;
  margin:auto;
  white-space:pre-line;
  font-size: 18px
}
#about div .btns:first-child {
  background: #d6b65f;
  color: #fff
}

.btns {
  background: rgba(255,255,255,0.15);
	white-space: nowrap;
	text-align: center;
	cursor: pointer;
	user-select: none;
	font-size: 18px;
	transition: background-color 0.2s;
	margin: 5px;
	text-decoration: none;
	display: inline-block;
	padding: 8px 16px;
	border-radius: 8px;
}
.btns:hover {
  background: rgba(255,255,255,0.25);
  color: #d6b65f;
}
@media (max-width: 1024px) {
  .space-bg {
    width: 100%;
    left: 0;
    animation-play-state: paused;
  }
  @-webkit-keyframes example {
    from {
      left: 0%;
    }
    to {
      left: 0%;
    }
  }
}