body {
	background-color: #e1dfdb;
}

.verse__wrap {
    width: 80%;
    margin: 0 auto;
	display: flex;
    flex-direction: row;
	text-align: justify;
	justify-content: center;
	padding: 50px 0px;
}

.verse__blog {
	display: flex;
	flex-wrap: wrap;
	width: 60%;
	text-align: center;
	justify-content: center;
} 

.verse__blog--item {
	padding: 20px 0;
    font-size: 20px;
    border: 2px solid #ffffff;
	margin: 10px;
	cursor: pointer;
	width: 40%;
	display: flex;
    text-align: center;
    justify-content: center;
	color: black ;
	align-items: center;
}


.hidden {
	display: none;
}

.loader__container {
	width: 100%;
	height: 100%;
	display: flex;
	margin-top: 30px;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	background-color: #e1dfdb;
}

.loader {
	border: 4px solid #f3f3f3; /* Light grey */
	border-top: 4px solid rgb(153, 233, 116); /* Blue */
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@media (max-width: 1023px) {
	.verse__blog {
		width: 70%;
	}
}

@media (max-width: 768px) {
	.verse__blog {
		width: 90%;
	}

	.verse__blog--item {
		font-size: 18px;
	}
}

@media (max-width: 550px) {
	.verse__blog--item{
		width: 80%;
	}
}

@media (max-width: 480px) {
	.writer__name {
		padding: 20px 50px;
	}
}