* {
        box-sizing: border-box;
        margin: 0;
        padding: 0
      }

      html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
        color: #313131;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
      }

      body {
        display: flex;
        flex-direction: column;
        height: 100vh;
        min-height: 100vh
      }

      .main-content {
        margin: 8rem auto;
        padding-left: 1.5rem;
        max-width: 60rem
      }

      @media (width <=720px) {
        .main-content {
          margin-top: 4rem
        }
      }

      .h2 {
        line-height: 2.25rem;
        font-size: 1.5rem;
        font-weight: 500
      }

      @media (width <=720px) {
        .h2 {
          line-height: 1.5rem;
          font-size: 1.25rem
        }
      }

      #challenge-error-text {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0IyMEYwMyIgZD0iTTE2IDNhMTMgMTMgMCAxIDAgMTMgMTNBMTMuMDE1IDEzLjAxNSAwIDAgMCAxNiAzbTAgMjRhMTEgMTEgMCAxIDEgMTEtMTEgMTEuMDEgMTEuMDEgMCAwIDEtMTEgMTEiLz48cGF0aCBmaWxsPSIjQjIwRjAzIiBkPSJNMTcuMDM4IDE4LjYxNUgxNC44N0wxNC41NjMgOS41aDIuNzgzem0tMS4wODQgMS40MjdxLjY2IDAgMS4wNTcuMzg4LjQwNy4zODkuNDA3Ljk5NCAwIC41OTYtLjQwNy45ODQtLjM5Ny4zOS0xLjA1Ny4zODktLjY1IDAtMS4wNTYtLjM4OS0uMzk4LS4zODktLjM5OC0uOTg0IDAtLjU5Ny4zOTgtLjk4NS40MDYtLjM5NyAxLjA1Ni0uMzk3Ii8+PC9zdmc+");
        background-repeat: no-repeat;
        background-size: contain;
        padding-left: 34px
      }

      @media (prefers-color-scheme: dark) {
        body {
          background-color: #222;
          color: #d9d9d9
        }
      }