@font-face {
    font-family: JetBrainsMono;
    src: url("/src/fonts/JetBrainsMono-Regular.ttf");
}

@font-face {
    font-family: JetBrainsMono;
    src: url("src/fonts/JetBrainsMono-Bold.ttf");
    font-weight: bold;
}

@font-face {
    font-family: JetBrainsMono;
    src: url("src/fonts/JetBrainsMono-Italic.ttf");
    font-style: italic;
}

@font-face {
    font-family: JetBrainsMono;
    src: url("src/fonts/JetBrainsMono-BoldItalic.ttf");
    font-style: italic;
    font-weight: bold;
}
      body {
        background-color: black;
        font-family: 'JetBrainsMono', sans-serif;
      }
      #center {
        position: absolute;
        font-family: 'JetBrainsMono', sans-serif;
        top: 40%;
        left: 40%;
      }

      .rainbow {
        text-align: center;
        text-decoration: underline;
        font-size: 69px;
        font-family: 'JetBrainsMono', sans-serif;
        letter-spacing: 0px;
      }

      .rainbow_text_animated {
        background: linear-gradient(to right, #6666ff, #0099ff, #00ff00, #ff3399, #6666ff);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        animation: rainbow_animation 1s ease-in-out infinite;
        background-size: 400% 100%;
      }

      @keyframes rainbow_animation {

        0%,
        100% {
          background-position: 0 0;
        }

        50% {
          background-position: 100% 0;
        }
      }