regional forecast font cleanup

server/styles/scss/_weather-display.scss

@@ -0,0 +1,123 @@
+@use 'shared/_colors'as c;
+@use 'shared/_utils'as u;
+
+.weather-display {
+	width: 640px;
+	height: 480px;
+	overflow: hidden;
+	position: relative;
+	background-image: url(../images/BackGround1_1.png);
+
+	/* this method is required to hide blocks so they can be measured while off screen */
+	height: 0px;
+
+	&.show {
+		height: 480px;
+	}
+
+	.template {
+		display: none;
+	}
+
+	.header {
+		width: 640px;
+		height: 60px;
+		padding-top: 30px;
+
+		.title {
+			color: c.$title-color;
+			@include u.text-shadow(3px, 1.5px);
+			font-family: 'Star4000';
+			font-size: 24pt;
+			position: absolute;
+			width: 250px;
+
+			&.single {
+				left: 170px;
+				top: 25px;
+			}
+
+			&.dual {
+				left: 170px;
+
+				&>div {
+					position: absolute;
+				}
+
+				.top {
+					top: -3px;
+				}
+
+				.bottom {
+					top: 26px;
+				}
+			}
+
+		}
+
+		.logo {
+			top: 30px;
+			left: 50px;
+			position: absolute;
+			z-index: 10;
+		}
+
+		.noaa-logo {
+			position: absolute;
+			top: 39px;
+			left: 356px;
+		}
+
+		.title.single {
+			top: 40px;
+		}
+
+		.date-time {
+			white-space: pre;
+			color: c.$date-time;
+			font-family: 'Star4000 Small';
+			font-size: 24pt;
+			@include u.text-shadow(3px, 1.5px);
+			left: 415px;
+			width: 170px;
+			text-align: right;
+			position: absolute;
+
+			&.date {
+				padding-top: 22px;
+			}
+		}
+	}
+
+	.main {
+		position: relative;
+
+		&.has-scroll {
+			width: 640px;
+			height: 310px;
+			overflow: hidden;
+		}
+
+		&.has-box {
+			margin-left: 64px;
+			margin-right: 64px;
+			width: calc(100% - 128px);
+		}
+
+	}
+
+
+	.scroll {
+		@include u.text-shadow(3px, 1.5px);
+		width: 640px;
+		height: 80px;
+		overflow: hidden;
+		margin-top: 10px;
+
+		.fixed {
+			font-family: 'Star4000';
+			font-size: 24pt;
+			margin-left: 55px;
+		}
+	}
+}