body {
	text-align: center;
	margin-top: 10%;
	background-color: rgba(0, 0, 0, 0.7);
	color: white;
	font-family: courier;
	background-image: url('../images/bg.png');
	background-position: top;
	background-blend-mode: color-dodge;
 	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

a {
	text-decoration-line: none;
	color: #3498db;
}

.blinking-cursor {
  font-weight: 100;
  color: #FFFFFF;
  -webkit-animation: 1s blink step-end infinite;
  -moz-animation: 1s blink step-end infinite;
  -ms-animation: 1s blink step-end infinite;
  -o-animation: 1s blink step-end infinite;
  animation: 1s blink step-end infinite;
}

@keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: white;
  }
}

@-moz-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: white;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: white;
  }
}

@-ms-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: white;
  }
}

@-o-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: white;
  }
}


@media screen and (max-height: 480px) {
	body {
		background-image: url('../images/bg-md.png');
		margin-top: 5%;
	}

}

@media screen and (max-width: 480px) {
	body {
		background-image: url('../images/bg-sm.png');
		background-position: top;
	}

}