h1 {
        padding-top: 0.7rem;
        font-size: 2rem;
        font-weight: 600;
        padding-bottom: 0.3rem;
    }

    h2 {
        padding-top: 0.5rem;
        font-size: 1.5rem;
        font-weight: 600;
    }

    h3 {
        padding-top: 1em;
        font-size: 1.2rem;
        font-weight: 600;
    }

    h4 {
        padding-top: 0.5em;
        font-size: 1.1rem;
        font-weight: 500;
    }

    em {
        font-style: italic;
    }
    
    :root {
        font-weight: 300;
    }
    
    html{
       
    }
    body {
      font-family:var(--ff-body);
      font-weight: var(--fs-400);
      color: var(--fc-body);
      
      background-color: var(--clr-backdrop);
      
    }
    

    
    P {
        padding-top: 10px;
        padding-bottom: 20px;
    }
    
    
    main ul {
        padding-inline-start:40px
    }

    strong {
        font-weight: 700;
    }

    a{
        color: var(--clr-a);
        text-decoration: none;
    }

    main{
        padding-inline: 1rem;

        
        background-color: var(--clr-background);
    }

    .main-inset {
        max-width: 960px;
        margin-inline: auto;
        padding-block:1rem ;
        
    }

    .content {
        padding-inline: 1rem;
    }




    .across {
        display:flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
    
        align-items: center;   
        row-gap: 3em;
        gap:2em; 
    }
    
    .across--align--top {
        align-items: flex-start;
    }