:root {
	--color_header: #8fd100;
}

body {
	font-family: cursive !important;
	/*padding: 0.5rem;*/
	background: #000 !important;
}

header {
	background: var(--color_header);/* #8fd100 */
	padding: 10px;
	text-align: center;
	border-radius: 0.5em 0.5em 0em 0em;
	color: black;
	font-size: 3em;
	paddi
}

.container {
	padding-top: 0.7rem;
}

.card {
	border-color: black !important;
	border-radius: 10px !important;
	background: #b7e84d !important;
}

.card-header {

	background: var(--color_header) !important; /* #8fd100 */
	border-radius: 10px 10px 0px 0px!important;
	color: black;
}

.card-body {
	background: #b7e84d !important;
}

.card:hover > div {
	background: #c4f20c !important;
	transition: 0.2s;
}

.img {
    /*background-color: #aaa;*/
    border-radius: 15px;
    padding: 20px;
    background-size: cover;
    background-position: center;
}

.img:hover {
	background-size: 120%;
	transition: 0.2s;
}


a {
	color: black !important;
	text-decoration: none !important;
}

img {
	height: 3em !important;
	padding: 0.3em;
}


/*.content {
	background: rgba(25, 110, 110, 0.2);
	margin-top: 0.5em;
	border-radius:10px;
}*/