Add horizontal lines as section separators and remove redundant CSS

This commit introduces horizontal line (<hr>) elements in the HTML to visually separate different sections. It also removes the 'overscroll-behavior-y' property and the unused '#projects.active' rule from the CSS file, thus streamlining the style sheet.

index.html

@@ -42,6 +42,7 @@
             </div>
         </article>
     </section>
+    <hr>
     <section id="projects">
         <h2>Projects</h2>
         <div class="project-scroller">
@@ -214,6 +215,7 @@
             </article>
         </div>
     </section>
+    <hr>
     <section id="socials">
         <h2>Socials</h2>
         <article>

main.css

@@ -2,7 +2,6 @@
     --text-color: #cccccc;
     --text-color-highlight: #ffffff;
     scroll-behavior: smooth;
-    overscroll-behavior-y: contain;
 }
 
 html {
@@ -26,6 +25,13 @@ body {
     background-position: center;
 }
 
+hr {
+    border: none;
+    border-bottom: 1px solid var(--text-color);
+    width: 100%;
+    margin: 0;
+}
+
 .text-center {
     text-align: center;
 }
@@ -123,10 +129,6 @@ article {
     height: auto;
 }
 
-#projects.active {
-
-}
-
 #projects .links {
     display: flex;
     flex-direction: row;
@@ -320,4 +322,4 @@ section h2 {
 #socials .social-link:hover img {
     filter: brightness(1);
     scale: 1.05;
-}
+}