@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');


body{
  background: #eff1f2
  height: 100vh;
}
    .container {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      text-align: center;
      font-family: "Courier Prime", monospace;
      font-style: normal;
    }

    /* Cursor */
    .txt-type > .txt {
      border-right: 0.2rem solid #777;
    }

  @media(min-width: 1200px) {
      h1 {
        font-size: 3rem;
      }
    }

    @media(max-width: 800px) {
      .container {
        padding: 0 1rem;
      }

      h1 {
        font-size: 4rem;
      }
    }

    @media(max-width: 500px) {
      h1 {
        font-size: 2.5rem;
      }

      h2 {
        font-size: 1.5rem;
      }
    }