body and waveform updates

diff --git a/style/style.css b/style/style.css
index 0bff5eff29c2c2185b0c156b8a074cf2026e0270..fca10ff71752a7ceda7402005e4d43b02089c1e0 100644 (file)
--- a/style/style.css
+++ b/style/style.css
@@ -1,6 +1,9 @@
 html, body {
-    margin: 0;
-    padding: 0;
+}
+
+body {
+    background-color: #f0f0f0;
+    align: center;
 }
 
 #sp-root {
@@ -11,15 +14,31 @@ html, body {
 }
 
 #background {
-    position: absolute;
+    position: absolute; 
     z-index: -1;
+    background-color: #000000;
+}
+
+
+/*
+#waveform {
+    padding: 25px;
 }
+*/
 
+#waveform ::part(wrapper) {
+    height: 250px;
+}
+
+#waveform ::part(region-content) {
+    overflow-wrap: break-all;
+}
 
 #waveform ::part(region) {
     font-family: "Roboto Condensed", sans-serif;
     font-weight: 400;
     font-style: normal;
+    height: 100%;
     /*
         background-color: rgba(0, 0, 100, 0.25) !important;
         border: 1px solid #fff;