Update styles.css για να είναι καλύτερο

Author: HellonaGR

styles.css

@@ -10,6 +10,8 @@
 body {
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     background: var(--bg-gradient);
+    background-attachment: fixed; 
+    background-size: cover; 
     color: var(--text);
     line-height: 1.8;
     display: flex;
@@ -21,6 +23,7 @@ body {
     text-align: center;
     font-size: 1.2rem;
 }
+
 img {
     display: block;
     margin: 0 auto;
@@ -51,6 +54,19 @@ img {
     border-radius: 3px;
 }
 
+h3 {
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50%);
+    text-align: center;
+    color: black;
+    font-size: 1rem;
+    padding: 0.5rem;
+    background: rgba(255, 255, 255, 0.8); 
+    border-radius: 5px;
+}
+
 a {
     text-decoration: none;
     background: none;
@@ -88,4 +104,15 @@ footer {
     .page-title {
         font-size: 2rem;
     }
-}
+}
+
+@media (max-width: 768px) {
+    h3 {
+        font-size: 0.9rem; 
+        padding: 0.3rem;
+    }
+
+    body {
+        background-attachment: scroll; 
+    }
+}