Start some new design

site/src/css/pages/index.css

@@ -1,4 +1,4 @@
 .title-video {
     width: 100vw;
     height: 90vh;
-}
+}

site/src/css/style.css

@@ -97,6 +97,22 @@ body.loaded {
     background-color: var( --color-button-hover );
 }
 
+.divider {
+    width: 100%;
+	margin-bottom: 2%;
+	margin-top: 2%;
+    border-color: var( --color-text-primary );
+}
+
+.slider-element {
+    background-color: lightblue;
+}
+
+.slider-info {
+    display: flex;
+    flex-direction: column;
+}
+
 
 
 .pullquote-lines {

site/src/index.html

@@ -28,9 +28,11 @@
         <div class="slider" style="width: 100vw; height: 80vh;">
             <div class="slider-container">
                 <div class="slider-element current" style="background-image: url( 'https://static.janishutz.com/assets/home/home-store.jpg' );">
-                    <h2>Software for your needs</h2>
-                    <p>Professional-Grade Software</p>
-                    <a href="https://store.janishutz.com" class="button">Store</a>
+                    <div class="slider-info">
+                        <h2>Software for your needs</h2>
+                        <p>Professional-Grade Software</p>
+                        <a href="https://store.janishutz.com" class="button">Store</a>
+                    </div>
                 </div>
                 <div class="slider-element" style="background-image: url( 'https://static.janishutz.com/assets/home/home-custom.jpg' );">
                     <h2>Custom Websites</h2>
@@ -48,9 +50,11 @@
         </div>
 
         <div class="content">
+            <hr class="divider">
             <h1>My work</h1>
             <p>Discover all my main projects</p>
             <a href="/projects" class="button">Discover them</a>
+            <hr class="divider">
             <div class="side-by-side">
                 <div class="side-by-side-item left">
                     <h3>Store</h3>