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

@@ -29,15 +29,15 @@
                 <path id="hex-logo-lesser" d="M77.6163 40.7631L72.6808 47.7179L72.1257 48.5001L72.6808 49.2823L77.6163 56.2371L78.1715 55.4549L73.2359 48.5001L78.1715 41.5454L77.6163 40.7631Z" fill="black" stroke="black" stroke-width="0.725197"/>
                 <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>
+            </svg>        
+        </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>