*,
      *::before,
      *::after {
        box-sizing: border-box;
      }

      body {
        background-color: #0e1e25;
        color: #222;
        display: grid;
        place-content: center;
        grid-gap: 0.5rem;
        font-size: 18px;
        font-family: system-ui,sans-serif;
        line-height: 1.5;
      }

      section {
        max-width: 60ch;
        background-color: #fff;
        border: 3px solid #2D3B41;
        border-radius: 10px;
        padding: 1.5em;
      }

      img {
        max-width: 100%;
      }

      input {
        font-size: 1rem;
      }

      input[type="checkbox"] {
        height: 1rem;
        width: 1rem;
      }

      .rndBtn {
        display: block;
        background-color: #15847b;
        padding: 1rem;
        font-size: inherit;
        color: white;
        margin-top: 1rem;
        overflow: visible;
        border: none;
        font-weight: bold;
        border-radius: 5px;
      }

      textarea {
        width: 70ch;
        min-height: 1rem;
      }

      label {
        font-weight: 500;
        display: block;
      }

      .form-group {
        display: flex;
        gap: 0.5em;
        margin-bottom: 8px;
      }

      .form-group p {
        display: inline;
        margin: 0;
        padding: 0;
      }