html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
}
#map {
	height: 100%;
	width: 100%;
}
.wind-label {
	font-size: 18px;
	color: white;
	text-align: center;
}
.custom-icon {
	font-size: 20px;
	color: red;
	text-align: center;
	line-height: 20px;
}
.custom-arrow-icon div {
	font-size: 20px;
	transform-origin: center;
}
.green {
	color: lawngreen;
}
.yellow {
	color: yellow;
}
.red {
	color: red;
}
.floating-image {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 200px;
	height: auto;
	z-index: 1000; /* Ensure the image is on top */
	border-radius: 30px;
}
.floating-footer {
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: white;
	z-index: 1000; /* Ensure the footer is on top */
}
.house-icon {
	background-image: "fire.png";
}
#filter_btn {
    position: absolute;
    display: block;
    top: 2%;
    right: 50%;
    font-size: 16px;
	color: white;
    z-index: 1000; /* Ensure the footer is on top */
}