body {
	display: flex;
	overflow-x: hidden;
	font-family: Arial, sans-serif;
	background-image: url('img/bg.png');
	background-repeat:repeat-x;
	background-attachment:fixed;
	background-position: center bottom;
	background-size: cover;
	flex-wrap: wrap;
	justify-content: center;
}
.article {
	position: relative;
	margin-top: 10px;
	margin-bottom: 8px;
	margin-left: 20px;
	width: 500px;
	height: 400px;
	background-color: #212121;
	border-radius: 15px;
	overflow: hidden;
	float: left;
	transition: 0.25s linear;
}
.article:hover {
	background-color: #323232;
	margin-top: -5px;
	top: 3px;
}
.article img {
	height: 250px;
	width: 500px;
	object-fit: cover;
}
.date {
	position: absolute;
	color: #a9a9a9;
	font-family: arial;
	right: 10px;
	margin-top: 10px;
}
.article h1 {
	font-family: arial;
	margin-left: 15px;
	padding-top: 10px;
	color: #ffffff;
	width: 390px;
	height: 77px;
	font-size: 33px;
	margin-top: 0px;
	margin-bottom: -5px;
	overflow: hidden;
}
.article p {
	color: #a9a9a9;
	font-family: arial;
	margin-left: 15px;
	padding-right: 5px;
	margin-top: 15px;
}