.hero-section::before {
	content: "";
	background-image: url('../images/candles2.jpg');
	background-size: cover;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0.3;
	background-repeat: no-repeat;
	background-position-y: 40%;
}


.hero-section {
	background: rgba(0, 0, 0, 0.7);
	height: 40vh;
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nav-section {
	background-color: #8d8d8d;
}

.logo{
	width:30px;
	height:30px;
	border-radius:100%;
}

.forecast-card{
	border:double;
	border-color:black;
	border-width:2px;
	padding: 5px;
	margin: 5px;
}