Aggiunto gitignore, inserite ottimizzazioni grafiche e piccole funzioni extra

css/style.css

@@ -1,8 +1,13 @@
+/******************
+ * BODY E STRUTTURA
+ ******************
+*/
+
 body {
     background-color: var(--secondario);
     color: var(--primario);
-    font-family: "Lexend", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-    font-size: 17px;
+    font-size: 16px;
+    line-height: 1.3;
 }
 
 a {
@@ -11,10 +16,15 @@ a {
 
 .container {
     width: 90%;
-    max-width: 1300px;
+    max-width: 1200px;
     margin: 0 auto;
 }
 
+/******************
+ * HEADER
+ ******************
+*/
+
 header .container,
 .menu,
 .menu ul {
@@ -26,10 +36,6 @@ header .container,
     align-self: center;
 }
 
-.menu ul {
-    gap: 1.5rem;
-}
-
 .logo {
     display: flex;
     align-items: center;
@@ -42,31 +48,52 @@ header .container,
 .menu ul {
     list-style-type: none;
     text-align: center;
+    gap: 1.5rem;
 }
 
 header .menu a {
     color: #fff;
-    font-weight: 300;
+    font-weight: 600;
     text-decoration: none;
 }
 
+/******************
+ * SEZIONE TOP
+ ******************
+*/
+
 .top {
     background-image: url("https://ctf.francescomancuso.it/tpsit/pizzeriaWeb/img/header.webp");
+    background-position: top center;
+    background-size: cover;
+    background-repeat: no-repeat;
 }
 
 .top .overlay {
-    padding: 6rem 0;
+    padding: 7rem 0;
     padding-top: 11rem;
     background-color: var(--p-glass);
+    backdrop-filter: blur(1px);
+    -webkit-backdrop-filter: blur(1px);
     color: #fff;
     text-align: center;
     font-size: 120%;
 }
 
+/******************
+ * SEZIONI PAGINA
+ ******************
+*/
+
 .pagina .sezione {
     margin: 4rem 0;
 }
 
+/******************
+ * BOX
+ ******************
+*/
+
 .pagina .sezione .box {
     border: 1px solid var(--primario);
     border-radius: 1rem;
@@ -76,7 +103,10 @@ header .menu a {
     flex-wrap: nowrap;
     justify-content: flex-start;
     align-self: center;
-    background-color: #fff;
+    background-color: var(--p-glass);
+    backdrop-filter: blur(8px);
+    -webkit-backdrop-filter: blur(8px);
+    color: #fff;
 }
 
 .pagina .sezione .box .testo, 
@@ -106,6 +136,11 @@ header .menu a {
     font-size: 120%;
 }
 
+/******************
+ * ELEMENTI
+ ******************
+*/
+
 footer {
     background-color: var(--primario);
     color: var(--secondario);