/* main blog post page content
========================================================================================================================================================================================================
========================================================================================================================================================================================================
======================================================================================================================================================================================================== */

/* main container */
html > body .content:is(.blog-home,.blog-post)
{
    font-family: var(--outfit); font-size: 1.6rem; line-height: 1.35em;
    background: linear-gradient(to top right, var(--eerie-norm), var(--eerie-lite));
}

/* background texture */
html > body .content:is(.blog-home,.blog-post)::before
{
    z-index: 1;
    top: 0; left: 0; display: block; float: left;
    background: url("../../../media/textures/angled-lines-white-alt.svg") repeat center center / auto;
    opacity: 0.025;
}

/* all child elements */
html > body .content:is(.blog-home,.blog-post),
html > body .content:is(.blog-home,.blog-post) * {position: relative;}
html > body .content:is(.blog-home,.blog-post) *:not(a,span,img,svg,em,i,strong,b,u,table,thead,tbody,tfoot,tr,th,td) {position: relative; display: block; float: left;}