Minor changes here and there

css/colormaticstudios.css

@@ -1,4 +1,4 @@
-div.heading {
+div.cs-title {
   background-image: url("/img/colormatic_banner.svg");
   background-size: cover;
   background-repeat: no-repeat;
@@ -8,12 +8,12 @@ div.heading {
   justify-content: center;
 }
 
-div.heading h1 {
+div.cs-title h1 {
   color: white;
   background-color: #00000088;
   padding: 28px 38px;
   border-radius: 16px;
-  font-size: 180%;
+  font-size: 300%;
   box-shadow: 1px 1px 8px #00000033;
   backdrop-filter: blur(5px);
 }
@@ -32,12 +32,12 @@ div.project-grid-container {
     width: 90%;
   }
 
-  div.heading {
+  div.cs-title {
     height: 200px;
   }
 
-  div.heading h1 {
-    font-size: 100%;
+  div.cs-title h1 {
+    font-size: 200%;
   }
 }
 

css/style.css

@@ -28,7 +28,6 @@ nav {
   grid-template-columns: 1fr min-content 1fr;
   align-items: center;
   padding: 12px;
-  /* border-bottom: solid 1px #00000033; */
   border-bottom: solid 1px var(--text-color);
   z-index: 1;
 
@@ -211,10 +210,17 @@ div.panel {
 
 main div.heading {
   color: var(--text-color);
-  font-size: 200%;
+  font-size: 300%;
   text-align: center;
 }
 
+main span.name-title {
+    display: block;
+    color: var(--text-color);
+    font-size: 700%;
+    text-align: center;
+}
+
 main div.hero {
   width: 60%;
   margin: 16px auto 16px auto;
@@ -305,7 +311,7 @@ ul.linktree li a { /* Pill button shape */
 
 ul.linktree li a:hover {
   cursor: pointer;
-  background-color: var(--text-color);
+  background-color: #383c3f;
 }
 
 div.double-linktree {
@@ -346,7 +352,6 @@ ul.videolist li a span {
 }
 
 div.footer {
-  /* border-top: solid 1px #00000033; */
   border-top: solid 1px var(--text-color);
   width: 95%;
   margin: 0 auto;