.blog h2 {
	color: #000;
  text-decoration: none;
  position: relative;
  vertical-align: middle;
  margin: auto 0 7px;
	/*width: auto;*/
	display: inline-block;
	transition: color 0.15s ease;
}
.blog h2:hover {
	color: #039cdf;
}
.blog h3 {
	margin: 20px 0 7px;
}
/*
.blog h2::after {
	content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0%;
  height: 2px;
  background: #039cdf;
  transition: width 0.3s ease;
}
.blog h2:hover::after{
	width: 100%;
}
*/
.blog .meta {
	margin: 5px;
	display: flex;
	gap: 20px;
}
.blog .meta time {
	margin: auto 0;
}
.blog .meta .category {
	background-color: #039cdf;
	color: #fff;
	font-weight: bold;
	padding: 2px 7px;
}
.blog a {
	font-weight: bold;
	transition: color 0.15s ease;
}
.blog a:hover {
	color: #039cdf;
}