*
{
	margin: 0;
	padding: 0;
}

body
{
	background:#eee;
}

.container
{
	margin: auto;
	width: 900px;
	height: 1000px;
	display: flex;
	justify-content: space-between;
}

.courses
{
	margin-top: 50px;
	width: 32%;
	height: 350px;
	border-radius: 30px;
	text-align: center;
	overflow: hidden;
}

.basic
{
background-color: rgb(114, 129, 63);
width: 100%;
height: 50px;
border-bottom: 3px solid white;
box-shadow: 0px 2px 15px black;
}

.c-title
{
	color: white;
	padding: 8px;
}

.card1
{
	background: rgb(243, 255, 202);
}
.card2
{
	background: rgb(255, 228, 182);
}

.job
{
background-color: rgb(115, 86, 35);
width: 100%;
height: 50px;
border-bottom: 3px solid white;
box-shadow: 0px 2px 15px black;
}

.card3
{
	background: rgb(193, 227, 253);
}

.special
{
background-color: rgb(41, 96, 135);
width: 100%;
height: 50px;
border-bottom: 3px solid white;
box-shadow: 0px 2px 15px black;
}

.detail
{
	margin-top: 28px;
}