Some CSS testing

css/master.css

@@ -49,9 +49,20 @@ body {
     background-color: black;
 }
 
+#fader {
+    height: 150px;
+    background-color: var(--color-pallete-red);
+    background: linear-gradient(180deg, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
+    display: block;
+}
+
+.content-title {
+    padding: 20px 0 20px 0;
+}
+
 .content-break {
     width: 45vw;
     height: 2px;
-    background-color: red;
-    color: red;
+    border-color: red;
+    margin: auto;
 }

index.html

@@ -30,14 +30,14 @@
                 <rect id="hex-logo-slash" x="50" y="50" width="1.5" height="13" fill="black"/>
                 </g>
             </svg>        
-            <div>
-                <a href="#content">\SCROLL DOWN/</a>
-            </div>            
         </div> 
     </div>
     <div id="content">
-        <hr class="content-break">
-    </div>
+        <div id="fader"></div>
+
+        <h1 class="content-title">This Is HEX Studios</h1>
+
+        <hr class="content-break"></div>
     <div id="footer">
 
     </div>