.blog-container{
    width: 96%;
    margin-top: 1em;
    margin-left: 2%;
    margin-right: 2%;
}

.blog-container .blog-header{
    border-bottom: 1px solid silver;
}

.blog-container .blog-header .blog-header-meta{
    display: inline-block;
    width: 80%;
    vertical-align: middle;
}

.blog-container .blog-header .blog-header-meta h2{
    color: midnightblue;
}

.blog-container .blog-header .blog-header-img{
    display: inline-block;
    width: 20%;
    vertical-align: middle;
}

.blog-container .blog-header .blog-header-img img{
    border-radius: 2.5em;
    height: 5em;
    width: 5em;
}

.blog-container .blog-info{

}

.blog-container .blog-info .blog-info-dates{
    display: inline-block;
    width: 50%;
    text-align: left;
}

.blog-container span.b-em-container{
    margin-right: 1em;
    font-size: 0.8em;
    font-family: "Mona Sans", system-ui, sans-serif;
    color: midnightblue;
}

.blog-container span.b-em-value{
    margin-right: 1em;
}

.blog-container .blog-info .blog-info-tags{
    display: inline-block;
    width: 50%;
    text-align: right;
}

.blog-container .blog-info .blog-info-tags span.tag-value{
    font-weight: bold;
    margin-right: 1em;
    color: rgb(54, 54, 54);
}

.blog-container .art-content{
    margin-top: 2em;
    text-align: left;
}
.blog-container .art-content h2{
    color: midnightblue;
    text-align: center;
}
.blog-container .art-content h3{
    color: midnightblue;
    font-family:  Poppins, Arial, Helvetica, sans-serif;
}

.blog-container .art-content p{
    color: rgb(54, 54, 54);
    font-family: Karla, Arial, Helvetica, sans-serif;
}

.blog-container .art-content ul{
    color: rgb(54, 54, 54);
    font-family: Karla, Arial, Helvetica, sans-serif;
}
.blog-container .art-content .note{
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
    border-right: 1px solid lightgray;
    width:calc(100% - 0.4em);
    text-align: left;
    padding: 0.2em;
}
.blog-container .art-content .note.notice{
    border-left: 5px solid darkorange;
}
.blog-container .art-content .note.warning{
    border-left: 5px solid firebrick;
}
.blog-container .art-content section p ul li{
    margin: 0.2em 0;
}