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;
}
+*/
/*
flex-basis: auto;
justify-content: start;
}
+
+#container_cue > .buttons {
+ background: #6A8DA3;
+}
+#container_misc > .buttons {
+ background: #2B667D;
+}
/*
#container_tp {
width: 30%;
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;