body {
	font-family: Roboto;
	padding: 20px;
	background: #e6e7ed;
}

.header {
	background-color: #fed136;
	padding: 40px;
	text-align: center;
}

.card-header {
	background-color: #fed13699;
	transition: 0.5s;
	text-align: center; 
}

.card-header-1 {
	background-color: #fed13699;
	transition: 0.5s;
	padding: 10px;
	text-align: center;
}

.card:hover .card-header {
	background-color: #fed136;
	transition: 0.5s;
}

.card:hover .card-header-1 {
	background-color: #fed136;
	transition: 0.5s;
}

.img {
	background-color: #aaa;
	padding: 20px;
	background-size: cover;
	background-position: center;
}

i {
    font-size: 30px !important; 
    padding-right: 15px;
}

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

.footer {
    background-color: #fed136; 
    text-align: center;
}