Display those weather stats even though the current screen is stuck for some reason gotta figure that one out

www/styles.css

@@ -1,5 +1,11 @@
+@font-face {
+  font-family: "Material Symbols Outlined";
+  font-style: normal;
+  src: url("./fonts/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2") format("woff");
+}
 html,
 body {
+  font-size: 24px;
   height: 100%;
   margin: 0;
   overflow: hidden;
@@ -13,14 +19,28 @@ body #weather-panel {
   font-family: Verdana, sans-serif;
   font-weight: bold;
   height: 500px;
-  left: calc(50% - 250px);
-  padding: 40px;
+  left: calc(50% - 275px);
+  padding: 25px;
   position: absolute;
   text-shadow: #000 1px 1px, #000 -1px 1px, #000 -1px -1px, #000 1px -1px;
   top: calc(50% - 250px);
   width: 500px;
   z-index: 10;
 }
+html #weather-panel .material,
+body #weather-panel .material {
+  font-family: "Material Symbols Outlined";
+  font-weight: normal;
+  font-style: normal;
+  display: inline-block;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
+  vertical-align: text-bottom;
+}
 @supports (-webkit-text-stroke: 1px #000) {
   html #weather-panel,
   body #weather-panel {
@@ -28,3 +48,12 @@ body #weather-panel {
     -webkit-text-fill-color: #fff;
   }
 }
+html #weather-panel #time,
+body #weather-panel #time {
+  font-size: 3rem;
+  text-align: center;
+}
+html #weather-panel section header,
+body #weather-panel section header {
+  font-size: 1.5rem;
+}