diff --git a/src/api/app/static/css/root.css b/src/api/app/static/css/root.css
index 77bba56..90170a7 100644
--- a/src/api/app/static/css/root.css
+++ b/src/api/app/static/css/root.css
@@ -26,7 +26,7 @@ video {
 }
 
 .violet {
-    color: rgb(132,4,217) !important;
+    color: rgb(132, 4, 217) !important;
 }
 
 .content-container {
@@ -39,7 +39,7 @@ video {
 
 .gallery {
     display: grid;
-    grid-gap: 10px;
+    grid-gap: 5px;
     grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
 }
 
@@ -48,7 +48,9 @@ video {
     position: relative;
     cursor: pointer;
     box-sizing: border-box;
-    border-radius: 5px;
+    border-radius: 3px;
+    background: rgb(132, 4, 217);
+    background: linear-gradient(90deg, rgba(131, 58, 180, 0) 0%, rgba(58, 58, 180, 1) 20%, rgba(132, 4, 217, 1) 90%, rgba(252, 176, 69, 0) 100%);
 }
 
 .gallery img {
diff --git a/src/api/app/templates/index.html b/src/api/app/templates/index.html
index faad226..6f28f78 100644
--- a/src/api/app/templates/index.html
+++ b/src/api/app/templates/index.html
@@ -253,28 +253,28 @@ document.addEventListener('DOMContentLoaded', () => {
   </div>
   <div class="col col-xl-2">
     <div class="content">
-      <h2>Media</h2>
-        <p><a href='https://youtube.com/@daniel.deflax' target=_blank><img src="static/images/icons8-youtube-96.png"></a></p>
-        <p><a href='https://www.twitch.tv/deflaxtv' target_blank><img src="static/images/icons8-twitch-96.png"></a></p>
-        <p><a href='https://soundcloud.com/deflax' target=_blank><img src="static/images/icons8-soundcloud-96.png"></a></p>
+      <h2>Friends</h2>
+	      <p><a href='https://jungletrain.net/' target=_blank><img src="static/images/jtlogo.png" height="64"></a></p>
+	      <p><a href='http://freerave.cz/' target=_blank><img src="static/images/freeravemini.png" height="64"></a></p>
+	      <p><a href='http://iwayhigh.net/' target=_blank>|iway|High</a></p>
+	      <p><a href='https://anima.sknt.ru/' target=_blank>Anima Amoris</a></p>
+	      <p>You! 🙃</p>
     </div>
   </div>
   <div class="col col-xl-2">
     <div class="content">
-      <h2>Social</h2>
-        <p><a href='https://discord.com/invite/KKGtn6GCE3' target=_blank><img src="static/images/icons8-discord-96.png"></a></p>
-        <p><a href='https://facebook.com/daniel.default' target=_blank><img src="static/images/icons8-facebook-96.png"></a></p>
-        <p><a href='https://instagram.com/daniel.deflax' target=_blank><img src="static/images/icons8-instagram-96.png"></a></p>
+      <h2>Media</h2>
+      <p><a href='https://youtube.com/@daniel.deflax' target=_blank><img src="static/images/icons8-youtube-96.png"></a></p>
+      <p><a href='https://www.twitch.tv/deflaxtv' target_blank><img src="static/images/icons8-twitch-96.png"></a></p>
+      <p><a href='https://soundcloud.com/deflax' target=_blank><img src="static/images/icons8-soundcloud-96.png"></a></p>
     </div>
   </div>
   <div class="col col-xl-4">
     <div class="content">
-        <h2>Friends</h2>
-	<p><a href='https://jungletrain.net/' target=_blank><img src="static/images/jtlogo.png" height="64"></a></p>
-	<p><a href='http://freerave.cz/' target=_blank><img src="static/images/freeravemini.png" height="64"></a></p>
-	<p><a href='http://iwayhigh.net/' target=_blank>|iway|High</a></p>
-	<p><a href='https://anima.sknt.ru/' target=_blank>Anima Amoris</a></p>
-	<p>You! 🙃</p>
+      <h2>Spam</h2>
+        <p><a href='https://discord.com/invite/KKGtn6GCE3' target=_blank><img src="static/images/icons8-discord-96.png"></a></p>
+        <p><a href='https://instagram.com/daniel.deflax' target=_blank><img src="static/images/icons8-instagram-96.png"></a></p>
+        <p><a href='https://facebook.com/daniel.default' target=_blank><img src="static/images/icons8-facebook-96.png"></a></p>
     </div>
   </div>
   <div class="col col-xl-3">