@font-face {
  font-family: "ByteBounce";
  src: url("ByteBounce.ttf");
  size-adjust: 200%;
}
@keyframes bgmove {
  0% {
  	background-position: 0px 0px;
  }
100% {
  	background-position: 200px 600px;
  }
}
body {
  background-color: #1a1e3c;
  background-image: url("bg.jpg");
  background-size: 300px 300px;
  color: #fff;
  text-align: center;
  margin: 0;
  font-family: "ByteBounce", "Courier New", Courier, monospace;
  animation: bgmove 40s linear infinite both;
}
h1 {
    line-height: 1.4;
}
.container {
  background: radial-gradient(
    circle,
    rgba(19, 20, 43, 0) 0%,
    rgba(19, 20, 43, 1) 125%
  );

  /*
  background: radial-gradient(
    circle,
    rgba(19, 20, 43, 0) 0%,
    rgba(19, 20, 43, 1) 125%
  ); */

  /* background: linear-gradient(
    0deg,
    rgba(26, 30, 60, 1) 0%,
    rgba(26, 30, 60, 0) 40%,
    rgba(26, 30, 60, 0) 60%,
    rgba(26, 30, 60, 1) 100%
  ); */

  /* background: linear-gradient(
    0deg,
    rgba(19, 20, 43, 1) 0%,
    rgba(19, 20, 43, 0) 50%,
    rgba(19, 20, 43, 1) 100%
  ); */

  display: flex;
  justify-content: center;
  align-items: center;
  height: 100dvh;
}