@font-face {
  font-family: grotesk;
  src: url(ABCMonumentGroteskMono-Regular.otf);
}

body {
    background-color: #000000;
    background-image: url(bg.webp);
    font-family: grotesk, "Courier New", Courier, monospace;
    font-size: calc(15px + 0.390625vw);
}

img {
    width: 90%;
}

h1 {
    text-align: center;
    font-size: 2rem;
    color: #03ff00;
}

h2 {
    text-align: center;
    font-size: 1.75rem;
    color: #03ff00;
  }

h3 {
    text-align: center;
    font-size: 1.5rem;
    color: #03ff00;
}

p, pre {
    text-align: center;
    font-size: 1rem;
    color: #03ff00;
    margin-left: 1rem;
    margin-right: 1rem; 
}

pre {
  font-weight: bold;
  padding-top: 5rem;
  margin: auto;
  width: 100%;
  font-size: 0.4rem;
}