* {
    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
    }
   }