/* @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap') */

@font-face {
  font-family: 'DotGothic16';
  /* font-stretch: PERCENTAGE_RANGE_LOW_TO_HIGH;  */
  font-style: normal;
  font-weight: 400;
  src: url(fonts/DotGothic16/DotGothic16-Regular.ttf) format('truetype');
}


body {
  font-family: sans-serif;
  max-width: 900px;
  font-size: 18px;
  margin: 0 auto;
  background-color: black;
  color: #e8e6e3;
  padding: 15px;
  display:flex;
  flex-direction:column;
  min-height: 95vh;
}

a{
	text-decoration:underline;
}
a:hover {
	background-color: white;
	color:black;
}

.console{
	font-family: monospace;
	background-color:black;
	padding:3px;
	margin-bottom: 3px;
}

.footer {
	font-family: "DotGothic16",sans-serif;
	margin-top:auto;
	align-self:center;
}

.footer a {
	background-color:white;
	color:black;
  margin: 0 .4rem;
	padding:0px 1.5rem;
  text-decoration:none;
}

.footer .blank{
	background-color:black;	
	padding:0px 1rem;
}

@media (max-width: 780px) {
  .footer {
    display: none;
  }
}