n and (min-width: 35rem) {
        .wrapper {
          grid-template-columns: 1fr 1fr;
        }
      }

      @media screen and (min-width: 52rem) {
        .wrapper {
          grid-template-columns: 1fr 1fr;
        }
      }

      textarea {
        font-family: monospace;
        display: block;
        margin-bottom: 10px;
        height: 160px;
        background-color: #f4f7f8;
        border: none;
        border-left: 6px solid #558abb;
        color: #4d4e53;
        padding: 1rem 0;
        w