Correcting text color, increasing the distance between sections and a…

…pplying auto height

styles.css

@@ -3,6 +3,7 @@ body, html {
     margin: 0;
     padding: 0;
     width: 100%;
+    height: auto;
     overflow-x: hidden;
     font-family: 'Arial', sans-serif;
     color: #fff;
@@ -105,6 +106,7 @@ section.visible {
     margin: 1.5rem 0; 
     line-height: 1.9; 
     text-align: justify;
+    color: white;
 }
 
 
@@ -228,6 +230,8 @@ section:nth-of-type(3)::after {
     overflow: hidden;
     border-radius: 15px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    color: white;
+    opacity: 1;
 }
 
 
@@ -493,6 +497,13 @@ section img {
     }
 }
 
+@media screen and (max-width: 768px) {
+    section {
+        margin-bottom: 30px; 
+    }
+}
+
+
 #backToTop {
     position: fixed;
     bottom: 100px;