@font-face {
  font-family: "mfont";
  src: url("../files/JetBrainsMono-Medium.ttf") format("truetype");
}

:root {
  --main: #b1b5be;
  --light: #e2e6ee;
  --accent: #000e44;
  --bg: #1a4112;
  --black: #292929;
  --width-mode: auto;
  --border-style: thin solid var(--main);
  --radius-amount: 1px;

  font-family: "mfont";
  background: linear-gradient(to right, var(--bg), var(--accent));
  background-size: 400% 400%;
  color: var(--main);
  cursor: pointer;
  animation: gradient 15s ease infinite;

}


@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


body{
  display: flex;
  justify-content: center;
  align-items: center;
  user-select:none;
}

pre{
  margin: auto;
  font-size: calc(1vw*1.3);
  overflow-x: hidden;
  overflow-y: hidden;
  font-family: "mfont";
}

span{
  transition: .2s;
}
span:hover{
  color: var(--accent);
}