style update

style.css

@@ -1,10 +1,11 @@
 
 * {
-  --bg: rgb(255,165,0);
+    --bg: rgb(255,165,0);
 	--btbg: gray;
+	--main-buttons-color: rgb(255, 154, 0);
 	--opacity: 0.9;
 	--color: white;
-	--color-wait : gray;
+	--color-wait : var(--btbg);
 }
 
 html, body {
@@ -19,7 +20,7 @@ body {
 }
 
 #submit {
-	background-color: rgba(255, 140, 0, 1);
+	background-color: var(--main-buttons-color);
 	border: 0;
 	color: var(--color);
 	font-weight:bold;
@@ -119,7 +120,7 @@ table, tr, td {
 }
 
 #buttons {
-	background-color: gray;
+	background-color: var(--btbg);
 	opacity: var(--opacity);
 	width: 150px;
 	margin: 0;
@@ -147,7 +148,7 @@ table, tr, td {
 }
 
 #sessions, #sessions option {
-	background-color: rgba(255, 140, 0, 1);
+	background-color: var(--main-buttons-color);
 	opacity: 1;
 	border: 0;
 	width: 150px;
@@ -183,8 +184,8 @@ table, tr, td {
 }
 
 .user-dropdown {
-  display: inline-block;
+	display: inline-block;
-  position: relative;
+	position: relative;
 	background-color: var(--bg);
 	opacity: var(--opacity);
 }
@@ -196,23 +197,23 @@ table, tr, td {
 	font-weight:bold;
 }
 .user-dropdown-content {
-  display: none;
+	display: none;
-  position: absolute;
+	position: absolute;
-  width: 100%;
+	width: 100%;
-  overflow: auto;
+	overflow: auto;
-  box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
+	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
 	background-color: var(--bg);
 	opacity: var(--opacity);
 }
 .user-dropdown:hover .user-dropdown-content {
-  display: block;
+	display: block;
 }
 .user-dropdown-content button {
 	border: 0;
 	width:100%;
-  display: block;
+	display: block;
-  padding: 5px;
+	padding: 5px;
-  text-decoration: none;
+	text-decoration: none;
 	text-align: start;
 	background-color: var(--bg);
 	opacity: var(--opacity);