$font-mono: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
@import url('https://fonts.googleapis.com/css2?family=Chivo+Mono:ital,wght@0,100..900;1,100..900&display=swap');

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

a:visited { text-decoration: none; color:white; }

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

@-webkit-keyframes move {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 0 200px;
	}
}

@-moz-keyframes move {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 0 200px;
	}
}


html {
	font-family: "Chivo Mono", monospace;
	text-shadow: 0 0 5px rgba(255,255,255,0.2);
	background-size: 100px;
	color: white;
	height: 100%;
	background-color: transparent;
}

body {
	margin: 0;
	padding: 16px;
	background-color: #101010;
}

p,
pre {
	font-family: "Chivo Mono", monospace;
	font-size: 20px;
	line-height: 1;
	margin: 0;
	display: block;
	padding: 5px;
}

.blink {
	opacity: 1;
	animation: blink 1s linear infinite;
	font-family: "Chivo Mono", monospace;;


}

a:link { 
  text-decoration: none; 
} 
a:visited { 
  text-decoration: none; 
} 
a {
	text-decoration: none;
	

}

.scanline {
	position: fixed;
	opacity: 0.4;
	width: 100vw;
	height: 100vh;
	background: repeating-linear-gradient(#141414, #141414 2px, #141414 2px, #040404 5.02px);
	image-rendering: pixelated;
	-webkit-animation: move 4s linear infinite;
	-moz-animation: move 4s linear infinite;
	z-index: -1;
}
.code {

}

#snakeGame {
    display: block;
    margin: 0 auto;
    border: 10px solid white;
    background-color: #101010;
}