.bg-ground{
	background: url('../images/earth_low.jpg') repeat;
}
.card-body {
	max-width:600px;
	height:600px;
	max-width:600px;

}
.card {
	border: 1px solid white;
	opacity: 1;
	max-width:600px;
}
.card:hover {
	background: url('../images/plante.png') no-repeat bottom;
	opacity: 1;
	border: hidden;
	cursor: pointer;
}
.lien_chansons {
	display:inline-block;
	border: 1px solid green;
	padding:15px;
	border-radius: 4px;
	text-decoration : none;
	font-size: 28px;
	box-shadow: none;
}
.chanson_artiste {
	display:inline-block;
	width:300px;
	background: green;
	color: white;
	font-size: 32px;
	padding:3px 0px 3px 0px;
	border-radius: 5px;
}
.no_phrase {
	display:inline-block;
	width:30px;
	color: black;
	font-size: 32px;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	padding:3px 0px 3px 0px;
}
.chanson_title {
	display:inline-block;
	inline-size: 400px;
	overflow-wrap: break-word;
	width:300px;
	margin-top: 20px;
	text-align:center;
	text-decoration: none;
	color: rgb(15,79,34);
}
.strophe {
	display:inline-block;
	inline-size: 400px;
	overflow-wrap: break-word;
	width:100%;
	margin-top: 20px;
	text-align:center;
	text-decoration: none;
	color: black;
}
.lien_chansons:hover {
    text-decoration: none;
	box-shadow: 12px 12px 2px 1px rgba(0, 0, 255, .2);
}
.underline {
	text-decoration: underline;
}
#footer {
	margin-top:30px;
	text-align:center;
}

@media only screen and (min-width: 600px) {


}

@media only screen and (max-width: 600px) {
.card {
		background: url('../images/plante.png') no-repeat bottom;
}

}

@media only screen and (max-width: 768px) {
.card {
		background: url('../images/plante.png') no-repeat bottom;
}

}

@media screen and (min-width: 768px) {


}