body#welcome-guide {
  --primary-color: #001a60;
  --accent-color: #d8def2;
  --high-contrast-color: #000;
  --medium-contrast-color: darkgrey;
  --low-contrast-color: lightgrey;
  --backgrounds-color: #fff;


  main {
    background-color: var(--backgrounds-color);
    font-family: sans-serif;
    margin: 0 auto;
    max-width: 90ch;
    padding: 1rem;

    section {
      margin-top: 1rem;
    }

    section::before {
      content: "";
      background-image: url("/assets/images/border.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      border: 0;
      display: inline-block;
      height: 2rem;
      width: 100%;
    }

    h1 {
      margin: 0.5rem 0;
      text-transform: uppercase;
    }
    
    h1, h2, h3 {
      color: var(--primary-color);
    }

    p {
      margin-bottom: 0.5rem;
    }

    dl {
      dt {
        font-weight: bold;
      }

      dd {
        margin-left: 1rem;
      }
    }
    ul, ol {
      padding-left: 2rem;
    }
    iframe {
      max-width: 100%;
    }
    .tips{
      background-color: var(--accent-color);
      padding: 0.5rem;
    }
    .coco {
      margin: 0 auto;
      max-width: 75%;
    }
  }
}