regional forecast/observations in html

server/styles/scss/_regional-forecast.scss

@@ -0,0 +1,51 @@
+@use 'colors'as c;
+@use 'utils'as u;
+
+#regional-forecast-html.weather-display {
+	background-image: url('../images/BackGround5_1.png');
+}
+
+.weather-display .main.regional-forecast {
+
+
+	position: relative;
+
+	.map {
+		position: absolute;
+	}
+
+	.location {
+		position: absolute;
+		width: 140px;
+		margin-left: -40px;
+		margin-top: -30px;
+
+		>div {
+			position: absolute;
+			@include u.text-shadow();
+		}
+
+		.icon {
+			top: 22px;
+			left: 42px;
+
+			img {
+				max-width: 42px;
+			}
+		}
+
+		.temp {
+			font-family: 'Star4000 Large Compressed';
+			font-size: 28px;
+			color: c.$title-color;
+			top: 22px;
+			text-align: right;
+			width: 40px;
+		}
+
+		.city {
+			font-family: Star4000;
+			font-size: 20px;
+		}
+	}
+}

server/styles/scss/compiled.scss

@@ -2,4 +2,5 @@
 @use '_hourly';
 @use '_current-weather';
 @use '_local-forecast';
-@use '_latest-observations';
+@use '_latest-observations';
+@use '_regional-forecast';