:root{
	--color1:#A0C49D;
	--color2:#C4D7B2;
	--color3:#E1ECC8;
	--color4:#F7FFE5;
}
body{
	background-color: var(--color4);
}
.custom_header{
	padding-top: 10px;

}
.custom_ads{
	padding-top: 150px;
}
.custom_card{
	background-color: var(--color4);
	margin: 8px;
	padding: 4px;
	box-shadow: 4px 4px var(--color3);
	border-radius: 10%;

}
.custom_card:hover{
	margin: 8px;
	padding: 4px;
	box-shadow: 5px 5px var(--color4)
}
.jumbotron{
	background-color: rgba(255, 255, 255, 0);
}
.bubble::after{
	content: '';
	border-bottom-left-radius:  100% 100%;
	border-bottom-right-radius: 100% 44%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	background-color: var(--color1);
	height: 70%;
}

.circle{
	content: '';
	border-bottom-left-radius:  25% 25%;
	border-bottom-right-radius: 50% 25%;
	border-top-left-radius: 50% 25%;
	border-top-right-radius: 50% 25%;
	position: relative;
	z-index: 1;
	width: 100%;
	background-color: var(--color1);
}
.bg-light{
	background-color: var(--color1) !important;
}
.nav-link{
	font-size: 1.5rem;
	color: black !important;
}
.nav-link:hover, .nav-link:focus{
	background: url(/images/arrow.png) no-repeat top center;
	color: var(--color3) !important;

}

.vr-line{
	border-right:  2px solid var(--color1);
}
.footer{
	background-color: var(--color1);
}