Add banner image to studios page, rearrange items

css/colormaticstudios.css

@@ -1,3 +1,21 @@
+div.heading {
+  background-image: url("/img/colormatic_banner.png");
+  background-size: cover;
+  background-repeat: no-repeat;
+  height: 300px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+div.heading h1 {
+  color: white;
+  background-color: #00000088;
+  padding: 28px 42px;
+  border-radius: 16px;
+  backdrop-filter: blur(5px);
+}
+
 div.project-grid-container {
   display: flex;
   width: 80%;

css/style.css

@@ -191,6 +191,15 @@ ul.linktree li a:hover {
   background-color: var(--text-color);
 }
 
+div.double-linktree {
+  display: flex;
+  justify-content: center;
+}
+
+div.double-linktree ul.linktree {
+  margin: 0;
+}
+
 div.footer {
   border-top: solid 1px #00000033;
 }