p {
    margin-bottom: $px-20;
}

ul {
    margin-left: $px-32;
}

h1 {
    font-family: $inter;
    font-weight: $bold;
    font-size: $px-28;
    line-height: $px-36;
    color: $color-black;
    margin: $px-20 0;
}

h2 {
    font-family: $mono;
    font-weight: $bold;
    font-size: $px-20;
    line-height: $px-28;
    color: $color-black;
    margin: $px-20 0;
}

/* h3 {
    font-family: $inter;
    font-weight: $regular;
    font-style: italic;
    font-size: $px-18;
    line-height: $px-28;
    color: $color-gray-dark;
    padding: $px-20;
    margin: $px-20 0;
    border-radius: $px-8;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23a2a2a2' fill-opacity='0.6' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
    background-color: $color-background;
} */

 h3 {
    font-family: $inter;
    font-weight: $regular;
    font-style: italic;
    font-size: $px-18;
    line-height: $px-28;
    color: $color-gray-dark;
    padding: 0 $px-20;
    margin: $px-20 0;
    border-left: 4px solid $color-gray-light;
}

strong {
    font-weight: $bold;
}


img {
    width: 100%;
    border-radius: $px-8;
    // height: 40px;
}

a {
    color: $color-black;
    text-decoration-style: dashed;
    text-underline-offset: $px-4;
    text-decoration-thickness: 1.4px;
    &:hover {
        text-decoration-style: solid;
    }
}
/* 

em {
    padding-left: 12px;
    border-left: 1px solid black;
}



a {
    text-decoration: none;
    padding: 4px 8px;
    background: white;
    border: 1px solid $color-gray-light;
    border-radius: 4px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    color: $color-black;
    &:hover {
        background: $gradient-sunrise;
    }
}

*/