*{margin: 0;padding: 0;}

/*General*/
#teachers{
	background-color: rgb(240, 240, 240);
	justify-items: center;
	box-shadow: none;
}
#teachers p{
	text-align: center;
	font-style: italic;
	font-weight: 300;
	font-size: 22px;
	text-shadow: 0.4px 0.4px red;
}
/*End of it*/



/*Articles*/
.Articles{
	width: 60%;
	display: flex;
	padding: 20px 0px 50px 0px;
	gap: 50px;
}
@media only screen and (max-width: 1400px){
	.Articles{
	width: 100%;
	display: flex;
	padding: 20px 0px 50px 0px;
	gap: 50px;
}
}
@media only screen and (max-width: 900px){
	.Articles{
	width: 90%;
	display: flex;
	flex-direction: column;
	padding: 20px 0px 50px 0px;
	gap: 50px;
}
}
/*End of it*/




/*content-creators*/
.content-creators { 
	flex: 0.5; 
	box-shadow: 10px 10px 10px; 
	border-radius: 10px;
	padding: 10px 10px 10px 10px;
}
.content-creators:hover { 
	flex: 0.6;
	transition: all 1.5s;
}
.content-creators img{
	width: 100%;
	border-radius: 10px;
}
.content-creators h1{
	color: blue;
	text-align: center;
	text-decoration: underline solid brown;
}
.content-creators p{
	margin: 0px 0px 20px 0px;
	text-align: justify;
}
.content-creators a{
	text-decoration: none;
	font-size: 20px;
}
.content-creators sa{
	color: red;
	font-size: 20px;
}
/*End of it*/




/*teachers*/
.teachers { 
	flex: 0.5; 
	box-shadow: 10px 10px 10px; 
	border-radius: 10px;
	padding: 10px 10px 10px 10px;
}
.teachers:hover { 
	flex: 0.6;
	transition: all 1.5s;
}
.teachers img{
	width: 100%;
	border-radius: 10px;
}
.teachers h1{
	color: blue;
	text-align: center;
	text-decoration: underline solid brown;
}
.teachers p{
	margin: 0px 0px 20px 0px;
	text-align: justify;
}
.teachers a{
	text-decoration: none;
	font-size: 20px;
}
.teachers sa{
	color: red;
	font-size: 20px;
}
/*End of it*/




/*professors*/
.professors { 
	flex: 0.5; 
	box-shadow: 10px 10px 10px; 
	border-radius: 10px;
	padding: 10px 10px 10px 10px;
}
.professors:hover { 
	flex: 0.6;
	transition: all 1.5s;
}
.professors img{
	width: 100%;
	border-radius: 10px;
}
.professors h1{
	color: blue;
	text-align: center;
	text-decoration: underline solid brown;
}
.professors p{
	margin: 0px 0px 20px 0px;
	text-align: justify;
}
.professors a{
	text-decoration: none;
	font-size: 20px;
}
.professors sa{
	color: red;
	font-size: 20px;
}
/*End of it*/