Hello world! (Copy)

/* -- The root styles must go in the element of the structure with the name "Post content". --*/  

.single-post-1__content{
  /* -- Heading styles -- */
  h2, h3, h4, h5, h6{
    font-weight: 700;
    color: var(--dark);
    margin-bottom: var(--space-s);
  }

  h2{
    font-size: var(--text-xl);
  }

  h3{
    font-size: var(--text-l);
  }

  h4, h5, h6{
    font-size: var(--text-m);
  }

  /* -- Content paragraphs styles -- */
  p {

    /* - Bold text styles - */
    strong{
      color: var(--dark);
    }

    /* - Anchor text styles - */
    a{
      color: var(--dark);
      text-decoration: underline;
      font-weight: 500;
      transition: color .2s ease;

      &:hover, &:focus{
        color: var(--primary);
      }
    }

  }

  /* -- List styles -- */
  ul, ol{
    margin:var(--space-m) 0;

    li:not(:last-child){
      margin-bottom: 8px;
    }
  }

  /* -- Image styles -- */
  figure{
    margin-bottom: var(--space-l);


    &:has(figcaption) {


      figcaption{
        margin-top: var(--space-xs);
        color: var(--dark);
      }
    }
  }

  /* -- Blockquote styles -- */
  blockquote.wp-block-quote{
    font-family:inherit;
    font-size:var(--text-l);
    text-align:center;
    font-weight: 600;
    color: var(--light);
    border: none;
    background-color: var(--dark);
    padding: var(--space-3xl) var(--space-xl);
    margin-bottom: var(--space-l);

    @media (max-width: 767px) {
      padding: var(--space-3xl) var(--space-l);
    }

    cite{
      margin:0;
      color: var(--dark);
      opacity: 1;
      text-align:center;
      text-transform: inherit;
    }
  }
}