Start some new design

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,10 +28,12 @@
         <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' );">
+                    <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>
                     <p>Built from the ground up specifically for you, no frameworks used!</p>
@@ -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>