/* ------------ */
/* |BLOG AREAS| */
/* ------------ */
    /* TITLE & DATE AREA */
.blogarea_titledate
{
    display: flex;
    margin: auto;

    background-color: var(--bgclr_blogarea);

    border: 1px hidden;
    border-radius: 16px 16px 0 0;
    border-bottom: 3px double;

    max-width: 85vw;

    box-shadow:
		1px 1px 1px var(--shadow);
}

    /* SUBTITLE AREA */
.blogarea_subtitle
{
    display: flex;
    margin: auto;

    background-color: var(--bgclr_blogarea);

    border: 1px hidden;
    border-top: 1px dashed;
    border-bottom: 1px dashed;

    max-width: 85vw;

    box-shadow:
		1px 1px 1px var(--shadow);
}

    /* MAIN TEXT AREA */
.blogarea_main
{
    display: flex;
    margin: auto;
    text-align: justify;

    background-color: var(--bgclr_blogarea);

    border: 1px hidden;

    max-width: 85vw;

    box-shadow:
		1px 1px 1px var(--shadow);
}

    /* BOTTOM AREA */
.blogarea_bottom
{
    display: flex;
    margin: auto;
    text-align: justify;

    background-color: var(--bgclr_blogarea);

    border: 1px hidden;
    border-radius: 0 0 16px 16px;

    max-width: 85vw;

    box-shadow:
		1px 1px 1px var(--shadow);
}


/* ------------ */
/* |BLOG TEXTS| */
/* ------------ */
    /* TITLE TEXT */
.blogtxt_title
{
    margin-top: 16px;
    margin-left: 1em;
    margin-bottom: 16px;
    text-decoration: underline;
}

    /* DATE TEXT */
.blogtxt_date
{
    margin: auto;
    margin-right: 1em;
}

    /* SUBTITLE TEXT */
.blogtxt_subtitle {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 1em;
    margin-right: 2em;
    text-decoration: underline;
}

    /* MAIN TEXT */
.blogtxt_main {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 2em;
    margin-right: 2em;
    text-indent: 2em;
}

    /* BOTTOM TEXT */
.blogtxt_bottom{
    margin-top: 32px;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: 16px;
    text-align: right;
}