@font-face {
  font-family: 'ComicMono';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/ComicMono.woff2) format('woff2');
}

@font-face {
  font-family: 'LiberationSans-Regular';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/LiberationSans-Regular.woff2) format('woff2');
}

@font-face {
  font-family: 'FairfaxHD';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/FairfaxHD.woff2) format('woff2');
}

@font-face {
  font-family: 'Unifont';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/unifont.woff2) format('woff2');
}

@font-face {
  font-family: 'JetBrainsMono-Regular';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/JetBrainsMono-Regular.woff2) format('woff2');
}

@font-face {
  font-family: 'CozetteVector';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/CozetteVector.woff2) format('woff2');
}

@font-face {
  font-family: 'Terminus';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/Terminus-4.46.0.woff2) format('woff2');
}

:root {
  --link-rotate-max: 3deg;
}
a {
  color: rgb(0 255 255);
  display: inline-block;
}

a:hover {
  animation: text-rot 1s infinite;
}

@keyframes text-rot {
  0% {
    transform: rotate(calc(var(--link-rotate-max) * -1));
  }
  50% {
    transform: rotate(var(--link-rotate-max));
  }
  100% {
    transform: rotate(calc(var(--link-rotate-max) * -1));
  }
}

body {
	text-align: center;
	background-color: rgb(0 0 0);
	color: rgb(255 255 255);
	font-family: 'JetBrainsMono-Regular' !important;
}
code {
	font-family: 'Terminus' !important;
}
.lefty, ol, ul {
	text-align: left;
	display: table;
	margin-left: auto;
	margin-right: auto;
}
img {
  border: 0.9mm dashed #7f7f7f;
}