/* #document  */

#document {
  .item-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 2rem;
  }

  .copy {
    text-align: center;
    margin-bottom: 2rem;
  }

  .copy h2 {
    display: inline;
    font-weight: 600;
    line-height: 1.2;
    background: linear-gradient(transparent 60%, var(--sand) 0%);
    padding: 0 1px 0px;
  }

  .checklist {
    margin-bottom: 2rem;
  }

  .checklist-title {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--orange);
  }

  ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  li {
    margin-bottom: 0.5rem;
  }

  .checklist li {
    text-indent: -2rem;
    padding: 0 0 0 2rem;
  }

  .checklist li:before {
    margin-right: .5rem;
    font-family: "Font Awesome 5 Free";
    content: " \f00c";
    color: var(--orange);
    font-weight: 900;
  }

  .border-box-list {
    border: 1px solid #ddd;
    border-radius: .5rem;
    padding: 1rem;
  }

  .border-box-list-title {
    font-size: 1.25rem;
    margin: 0 0 1rem;
  }

  .border-box-list li:before {
    margin-right: .5rem;
    font-family: "Font Awesome 5 Free";
    content: " \f0da";
    color: #ddd;
    font-weight: 900;
  }

}

@media (max-width: 768px) {
  #document {
    .item-list {
      flex-direction: column;
      justify-content: flex-start;
      align-items: stretch;
      gap: 6rem;
    }
  }
}