update

Notebook.md

@@ -110,9 +110,9 @@ body {
   margin: 0;
   font-family: Arial, sans-serif;
   background-image: url("../images/Clouds.png");
-  background-size: cover; /* Ensure the image covers the entire viewport */
-  background-position: left; /* Center the image */
-  background-attachment: fixed; /* Make the image fixed during scrolling */
+  background-size: cover;
+  background-position: left;
+  background-attachment: fixed;
 }
 
 .navbar {

site.html

@@ -18,6 +18,10 @@
       </nav>
     </header>
 
+    <section id="title" class="title-section">
+        
+      </section>
+
     <section id="about" class="about-section">
       <h1 class="section-title">About Me</h1>
     </section>

style.css

@@ -2,9 +2,9 @@ body {
   margin: 0;
   font-family: Arial, sans-serif;
   background-image: url("../images/Clouds.png");
-  background-size: cover; /* Ensure the image covers the entire viewport */
-  background-position: left; /* Center the image */
-  background-attachment: fixed; /* Make the image fixed during scrolling */
+  background-size: cover;
+  background-position: left;
+  background-attachment: fixed;
 }
 
 .navbar {
@@ -23,7 +23,11 @@ body {
   text-decoration: none;
 }
 
-section {
+.title-section {
+    height: 400;
+}
+
+.about-section {
   padding: 2rem;
   color: #fff;
   margin-top: 2rem;