Fix2

start_menu/servizi/start-corsesopp/css/style.css

@@ -20,12 +20,8 @@ body {
     color: var(--text-color);
 }
 
-header {
+h1 {
-    background-color: var(--bg-color);
-    color: var(--text-color);
     text-align: center;
-    padding: 20px;
-    /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
 }
 
 main {

start_menu/servizi/start-livebus/css/style.css

@@ -3,24 +3,26 @@ body {
   padding: 20px;
   background-color: #282828;
   margin: 0;
-  }
+}
 
-  h1 {
+h1 {
   text-align: center;
   color: white;
   font-size: 2em;
   margin-bottom: 30px;
-  }
+}
-  h3 {
+
+h3 {
   text-align: center;
   color: white;
   margin-bottom: 30px;
-  }
+}
-  p {
-    text-align: center;
-  }
 
-  #data-container {
+p {
+  text-align: center;
+}
+
+#data-container {
   margin-top: 20px;
   max-width: 1000px;
   margin-left: auto;
@@ -29,9 +31,9 @@ body {
   padding: 20px;
   border-radius: 12px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-  }
+}
 
-  .filter-container {
+.filter-container {
   margin-top: 20px;
   max-width: 1000px;
   margin-left: auto;
@@ -41,9 +43,9 @@ body {
   border-radius: 12px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   align-items: center;
-  }
+}
 
-  .filter-container input {
+.filter-container input {
   flex: 1 1 200px;
   padding: 10px 15px;
   font-size: 16px;
@@ -52,49 +54,51 @@ body {
   transition: border-color 0.3s ease;
   background-color: gray;
   color: white;
-  }
+}
 
-  .filter-container input:focus {
+.filter-container input:focus {
   outline: none;
   border-color: #3498db;
   box-shadow: 0 0 5px rgba(52, 152, 219, 0.3);
-  }
+}
 
-  table {
+table {
   width: 100%;
   border-collapse: collapse;
   margin-top: 20px;
   font-size: 15px;
   border-radius: 8px;
   overflow: hidden;
-  }
+}
 
-  table, th, td {
+table,
+th,
+td {
   border: 1px solid #e0e0e0;
-  }
+}
 
-  th {
+th {
   background-color: slategray;
   color: white;
   padding: 12px;
   text-align: left;
-  }
+}
 
-  td {
+td {
   padding: 10px;
   background-color: dimgray;
   color: white;
-  }
+}
 
-  tr:nth-child(even) td {
+tr:nth-child(even) td {
   background-color: gray;
-  }
+}
 
-  tr:hover td {
+tr:hover td {
   background-color: darkgray;
-  }
+}
 
-  @media (max-width: 768px) {
+@media (max-width: 768px) {
   .filter-container {
     flex-direction: column;
   }
@@ -102,9 +106,9 @@ body {
   .filter-container input button {
     width: 100%;
   }
-  }
+}
 
-  button {
+button {
   background-color: gray;
   color: white;
   border: none;
@@ -115,25 +119,26 @@ body {
   border-radius: 8px;
   cursor: pointer;
   transition: background-color 0.3s ease, box-shadow 0.3s ease;
-  }
+}
 
-  button:disabled {
+button:disabled {
   cursor: not-allowed;
-  }
+}
 
-  a {
+a {
   color: orange;
-  }
+}
 
-  header {
+header {
   font-size: 67%;
   background-color: #333;
-    height: auto;
+  height: 51.3667px;
   padding: 0px 0px;
   align-items: start;
   width: 100%;
   border-radius: 10px;
 }
+
 nav ul {
   list-style-type: none;
   margin: 0;
@@ -141,14 +146,17 @@ nav ul {
   display: flex;
   justify-content: left;
 }
+
 nav {
   text-align: center;
   flex-shrink: 0;
 }
-nav.index{
+
+nav.index {
   display: flex;
   min-height: 51px;
 }
+
 nav ul li {
   margin-left: 20px;
   margin-right: 20px;