.blog {
    padding: 0.1em 1em 0.2em 1em;
}

.blog, .blog a:link, .blog a:visited, .blog a:hover, .blog a:active {
	font-size: 1.3rem;
	color: #666666;
}

.blog h1 {
	font-family: bernard;
    font-size: 1.4em;
    margin-top: 0.1em; 
}

.blog h2 {
	font-family: bernard;
	font-weight: normal;  
    font-size: 1.3em; 
	text-align: left;
	color: #666666; 
	margin: 1em 0 0.1em 0
}

.blog h3 {
	font-family: bernard;
	font-weight: normal;  
    font-size: 1.2em; 
	text-align: left;
	color: #666666; 
	margin: 1em 0 0.1em 0
}

.blog p {
	margin-top: 0.4em;
	margin-bottom: 1em;
}


.blog-footer {
    margin-top: 2em;
	display: flex; 
	justify-content: space-between;
}

.tag-list {
    font-size: 1.0rem;
    color: white;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.5em;
    margin: 0.5em;
}

.tag-list div:hover {
    background-color: white;
}

.tag-list .active,  .tag-list .active a{
	background-color: white;
	color: #666666;
}
	
.tag-list div {
    background-color: #666666;
    border:1px solid #666666;
    padding: 0.5em; 
    transition: .6s;
    cursor: pointer;
}

.tag-list div:hover {
    color: #666666; 
}

.tag-list div:hover a {
    color: #666666; 
}

.tag-list div a {
    transition: .6s;
    text-decoration: none;
    color: #EEEEEE;
}

.image-flex {	
	display: flex; 
	flex-wrap: wrap; 
	justify-content: space-around;
}

.image-flex img {
	margin-top: 0.5em;
}