changed the way things are positioned

Author: OneDEV135

not_index.html

@@ -33,9 +33,11 @@
         <!-- Body starts here -->
         <main class="main">
             <!-- Banner -->
-            <div class="body-content">
-                <h1>one bored guy</h1>
-                <p>who makes stuff</p>
+            <div class="banner">
+                <div class="body-content">
+                    <h1>one bored guy</h1>
+                    <p>who makes stuff</p>
+                </div>
             </div>
             <!-- About -->
             <div class="about" id="about">

projects/index.html

@@ -0,0 +1 @@
+work in progress

styles.css

@@ -124,6 +124,9 @@ body ::-moz-selection{
 main{
     height: 100vh;
 }
+.banner{
+    height: 100vh;
+}
 .body-content{
     color:white;
     /* background: var(--dark-gradient); */
@@ -153,25 +156,24 @@ main{
     font-family: 'Outfit',sans-serif;
     font-variation-settings: 'wght' 300;
     margin: 75px;
+    position: absolute;
 }
 .about{
     color: black;
     background-color: white;
     font-size: 25px;
-    position: absolute;
-    top: 100vh;
+    position: relative;
+    /* top: 100vh; */
     height: 100vh;
-    width: 100%;
     border: 0;
 }
 .projects{
     color: white;
     background-color: #333f50;
     font-size: 25px;
-    position: absolute;
-    top: 200vh;
+    position: relative;
+    /* top: 200vh; */
     height: 100vh;
-    border: 0;
 }
 
 /* Footer */