#notificationsCont {
	width: 100%; padding: 10px;
}
#notificationsCont #title h1{
	font-size: 1.1em; margin: 10px; margin-top: 20px;
}
#notificationsCont .read {
	margin-top: 15px; padding: 10px; border-radius: 10px; box-shadow: 3px 5px 15px #eee;
}
#notificationsCont .unread {
	background-color: #eee; margin-top: 15px; padding: 10px; border-radius: 10px; box-shadow: 3px 5px 15px #eee;
}
#notificationsCont .mainTextCont {
	display: flex; flex-wrap: wrap; gap: 1rem; justify-content: left;
}
#notificationsCont .counter {
	width: 35px; height: 35px; margin-top: 1.5%; background-color: #ddd; border-radius: 50px;
}
#notificationsCont .counter p {
	font-size: 0.8em; text-align: center; margin-top: 28%;
}
#notificationsCont .mainText {}
#notificationsCont .mainText h1 {
	margin-top: 5px; font-size: 0.8em; color: black;
}
#notificationsCont .mainText h4 {
	font-size: 0.7em; color: black;
}
#notificationsCont .mainText h4 span {
	display: inline-block; color: black;
}
#notificationsCont .mainText p {
	margin-top: 5px; color: black; font-size: 0.8em;
}
#notificationsCont .deleteButton {
	float: right; text-align: right;
}
#notificationsCont .deleteButton button {
	float: right;background-color: unset; color: blue; font-weight: bolder; border: unset; cursor: pointer;
}