From 276ed802485eabeffd90ad0e4b810e53f2ea26fb Mon Sep 17 00:00:00 2001
From: youhavetrouble <youhavetrouble@youhavetrouble.me>
Date: Fri, 29 Dec 2023 00:35:53 +0100
Subject: [PATCH] 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 |  2 ++
 main.css   | 14 ++++++++------
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 809069b..16da5e2 100644
--- a/index.html
+++ b/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>
diff --git a/main.css b/main.css
index 8e69e17..ea436ef 100644
--- a/main.css
+++ b/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;
-}
\ No newline at end of file
+}