Add files via upload

src/data/styles.css

@@ -1,58 +1,73 @@
 body {
-  padding: 20px;
+  padding: 1px;
   font-family: Arial, sans-serif;
 }
 
+h1, h2 {
+  text-align: center;
+}
+
+h3 {
+  font-weight: bold;
+}
+
+/* Set the table titles as initially invisible */
+.lightsTitle, .facesTitle {
+    display: none;
+}
+
+.lightsTitle, #lightsTable thead th {
+    color: darkmagenta;
+}
+
+.facesTitle, #facesTable thead th {
+    color: rgb(0, 152, 152);
+}
+
+.temperatureTitle, #temperatureTable thead th {
+  color: rgb(182, 98, 2);
+}
+
+
 button {
   background-color: blue;
-  padding: 13px 10px;
+  padding: 15px 30px;
   border: none;
   color: white;
   cursor: pointer;
   border-radius: 5px;
   transition: background-color 0.3s;
 }
+
 button:hover {
   background-color: darkblue;
 }
+
 button:active {
   background-color: lightblue;
 }
 
-
-#temperatureTable {
-  width: 100%; /* Use 100% width to ensure the table takes the full width available. */
-  border-collapse: collapse; /* Ensures borders are collapsed into single lines */
+#confirmBtn {
+  margin-top: 20px;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
 }
 
-#temperatureTable th, td {
-  background-color: darkgray;
-  font-weight: bold;
-  width: 35px;
+#statusMessage, #startupMessage {
+  font-size: 20px;
+  padding: 10px;
+  margin-top: 20px;
   text-align: center;
 }
 
-#temperatureTable thead tr {
-  height: 40px;
-}
-
-/* This will style the dropdowns inside the temperature table */
-#temperatureTable td select {
-width: 100%;
-border: 1px solid #ccc;
-padding: 10px;
-padding-inline: 3px;
-text-align: center;
-font-size: 0.75em;
-}
-
-#temperatureTable th:first-child, #temperatureTable td:first-child {
-  width: 60px; /* This sets the width for the first column */
+#startupMessage {
+  background-color: rgb(255, 119, 0);
+  color: white;
 }
 
-
-
--color: rgb(255, 119, 0);
+#statusMessage {
+  background-color: rgb(255, 119, 0);
   color: white;
 }