/*  
* Style by D3NN7
* and Patrick Hlauke (https://codepen.io/patrickhlauke/pen/YaoBop)
*/

@font-face {
	font-family: 'Noto Sans Display';
	font-style: normal;
	font-weight: 400;
	src: url(./fonts/NotoSansDisplay-Regular.ttf);
}
  
html { 
	background: #111;
	padding: 1em;
	font-family: Noto Sans Display;
	color: #eee;
	font-size: 1em;
	line-height: 1;
	text-shadow: 0.06rem 0 0.06rem #ea36af, -0.125rem 0 0.06rem #75fa69;
	letter-spacing: 0.125em;
	animation-duration: 0.01s;
	animation-name: textflicker;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

a {
	color: white;	
}

@media screen and (min-width: 1200px) {
	body {
		margin-left: 20rem;
		margin-right: 20rem;
	}
}

@media screen and (min-width: 600px) {
  body {
	  margin-left: 5em;
	  margin-right: 5em;
  }
}
  
@keyframes textflicker {
	from {
	  text-shadow: 1px 0 0 #ea36af, -2px 0 0 #75fa69;
	}
	to {
	  text-shadow: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69;
	}
}