.blog-section {
	font-family: raleway;
}

.article {
	width: 100%;
	height: 300px;
	border-radius: 30px;
	overflow: hidden;
	background-color: #212121;
	border: solid 2px #242424;
	transition: .2s background-color;
	color: #fff;
	margin-bottom: 30px;
}

.article:hover {
	background-color: #232323;
}

.article-cover {
	width: auto;
	height: 100%;
	display: inline-block;
	float: left;
	margin-right: 20px;
}

.article-title {
	font-size: 30px;
	margin: 0;
	margin-top: 30px;
}

.article-link {
	text-decoration: none;
}

.author-and-date {
	font-family: roboto;
	margin-top: 16px;
	margin-bottom: 32px;
	font-size: 16px;
	font-weight: 500;
	color: #ccc;
}

.article-text {
	width: 95%;
	font-weight: 500;
	color: #ccc;
}