@font-face {
    font-family: 'Anurati-Regular';
	font-style: normal;
	font-weight: normal;
    src: local('Anurati-Regular'), url('Anurati-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Cyberpunk';
	font-style: normal;
	font-weight: normal;
    src: local('Cyberpunk'), url('Cyberpunk.ttf') format('truetype');
}

@font-face {
    font-family: 'Blanka-Regular';
	font-style: normal;
	font-weight: normal;
    src: local('Blanka-Regular'), url('Blanka-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Elianto-Regular';
	font-style: normal;
	font-weight: normal;
    src: local('Elianto-Regular'), url('Elianto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Marske';
	font-style: normal;
	font-weight: normal;
    src: local('Marske'), url('Marske.ttf') format('truetype');
}

.blinking{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #000;    }
    100%{   color: #FFFF66;    }
}

@keyframes blinkingTextred{
    0%{     color: #000;    }
    100%{   color: crimson;    }
}

@keyframes example {
  from {background-color: red;}
  to {background-color: yellow;}
}

hr {
	border-top: 1px solid red;
}

a {
  color: hotpink;
}

body {
  background-color: darkslategray;
  background-image:
  url('retrowavemove.gif');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size:1920px 4000px;

}

header {
  color: #FFFF66;
  font-family: 'Cyberpunk';
  font-size:100px;
  background-image: url('steamuserimages-a.akamaihd.net.gif');
  background-repeat: repeat-x;
  animation-name: blinkingText;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

h3 {
  color: #50BFE6;
  text-align: center;
  font-family: 'Marske';
  font-size:50px;
  /*background-image: url('nightcity.gif');
  background-repeat: no-repeat;*/

}

h4 {
  color: crimson;
  text-align: center;
  font-family: 'Blanka-Regular';
  font-size:60px;
  /*background-image: url('nightcity.gif');
  background-repeat: no-repeat;*/
  /*animation-name: blinkingText;
  animation-duration: 1s;
  animation-iteration-count: infinite;*/
}

h1 {
  color: #50BFE6;
  text-align: center;
  font-family: 'Marske';
  font-size:50px;
}

h2 {
  color: crimson;
  text-align: center;
  font-family: 'Cyberpunk';
  font-size:100px;
  animation-name: blinkingTextred;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}



p {
  color: #FFFF66;
  font-family: verdana;
  font-size: 30px;
  font-weight: 900;
}

div {
  color: Syan;
  text-align: center;
  font-family: Anurati-Regular;
  font-size:40px;

}

section {
  color: cyan;
  font-family: Anurati-Regular;
  font-size:30px;
}

summary {
  color: cyan;
  font-family: Anurati-Regular;
  font-size:30px;
}

footer {
  color: cyan;
  font-family: Blanka-Regular;
  font-size:20px;
}