/***********************************
****************CARDS***************
***********************************/
.main-section {
	width: 100%;
}
.cards-container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

article.card{
	height:14em;
	width: 22em;
	border-radius: .5em;
	margin: 1em;
	position: relative;
	border: 1px black solid;
	overflow: hidden;

}

article.card p.discover {
	display: none;
}

article.card:hover{
    color: white;
}

article.card:hover .discover{
	display: block;
	text-align: center;
	color: white;
	font-size: 3rem;
}

article.card .course-infos {
	background-color :#3B87FB90;
}

article.card h1{
	padding-top: 1em;
	padding-left: 1em;
	margin-bottom: 0.5rem; 
}

article.card h2{
	padding-top:0;
	padding-left: 1em;
	margin: 0;
}

article img.card-img {
	position: absolute;
	z-index: -1;
	top: 0%;
	height: 100%;
	max-width: 100%;
	object-fit: cover;

}

article.card:hover {
	background-color: #00000080;
}


/***********************************
****************ALERTS************
***********************************/

.alert-wrapper {
	display: flex;
	justify-content: center;
}

.alert {
	padding: 1em;
	margin: 0;
	margin-bottom: 1em;
	border-radius: 1em;
}

.alert.success{
	background-color: lightgreen;
}

.alert.problem{
	background-color: #FB735690;
}