body {
	text-align:center;
	font-family:sans-serif;
	background-color:#181E38;
}

.reportBtn {
	background-color:#1FA198;
	padding:.5rem 1rem;
	border-radius:5px;
	display:flex;
	align-items:center;
	width:200px;
	margin:1rem auto;
	text-decoration:none;
}
.reportBtn img {
	margin-right:1rem;
}
.reportBtn span {
	color:black;
}

.intro {
	color:white;
}

.list {
	display:flex;
	flex-wrap:wrap;
}
.item {
	display:grid;
	grid-template-columns:1fr 4fr 2fr;
	width:600px;
	text-align:left;
	margin:0 auto;
	box-shadow:0 0 5px lightgrey;
	border-radius:5px;
	padding:1rem;
	background-color:white;
	margin-bottom:1rem;
}
.item .avatar {
	display:flex;
	align-items:center;
	justify-content:center;
}
.item .main {
	display:flex;
	align-items:center;
	align-content:center;
	flex-wrap:wrap;
}
.item .main h3,.item .main p {
	margin:0;
	width:100%;
}
.item .date {
	display:flex;
	align-items:center;
	align-content:center;
	justify-content:center;
	flex-wrap:wrap;
}
.item .date p {
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
}
.item .details {
	grid-column-start:1;
	grid-column-end:3;
}

.circle {
	height:30px;
	width:30px;
	border-radius:500px;
}
.circle.green {
	background-color:lightgreen;
}
.circle.amber {
	background-color:orange;
}
.circle.red {
	background-color:red;
}