new colors for button arrays, attempting a kludge for offset issue in html body

diff --git a/style/style.css b/style/style.css
index fca10ff71752a7ceda7402005e4d43b02089c1e0..32ed337c332c016f52062c90d010c4f49296f1fa 100644 (file)
--- a/style/style.css
+++ b/style/style.css
@@ -3,21 +3,26 @@ html, body {
 
 body {
     background-color: #f0f0f0;
-    align: center;
+    overflow: hidden;
+    position: absolute;
+    /* margin-left: -5px; */
 }
 
 #sp-root {
     height: 100vh;
-    width: 100vw;
-    margin: auto;
+    width: 99.5vw;
+    /* margin: auto; */
+    /* position: absolute; */
     /* max-width: 940px; */
 }
 
+/*
 #background {
     position: absolute; 
     z-index: -1;
     background-color: #000000;
 }
+*/
 
 
 /*
@@ -90,6 +95,13 @@ h3 {
     flex-basis: auto;
     justify-content: start;
 }
+
+#container_cue > .buttons { 
+    background: #6A8DA3;
+}
+#container_misc > .buttons {
+    background: #2B667D;
+}
 /*
 #container_tp {
     width: 30%;
@@ -105,13 +117,15 @@ h3 {
     width: 100%;
 }
 
+/* default button state */
 .buttons {
     display: flex;
     flex-wrap: wrap;
     /* border: 2px solid black; */
     justify-content: center;
     background: #b6bfd3;
-    color: #000000;
+    /* color: #000000; */
+    color: #FFFFFF;
     padding: 5px 20px 5px 20px;
     margin: 5px;