diff --git a/html/custom-css.ejs b/html/custom-css.ejs
index f0be67a7..f69cd360 100644
--- a/html/custom-css.ejs
+++ b/html/custom-css.ejs
@@ -18,7 +18,7 @@
 -->
 
   
-<!DOCTYPE html><html>
+<!DOCTYPE html><html class="gradient-bg">
 <head>
     <title>PokeTube | Customize</title>
     <link href=/css/yt-ukraine.svg?v=6 rel=icon>
@@ -46,6 +46,7 @@
      <section class=youtube-video>
       
 <style>
+  
          @import url("https://p.poketube.fun/https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css");
   * {
     font-family:ubuntu, sans-serif
@@ -60,6 +61,10 @@
 summary:hover{
     color:white;
 }
+  
+  .gradient-bg{
+    background-image:linear-gradient(to bottom right, #9666F7, #B37C6B); !important
+  }
 </style>
   <!-- WIGGLE WIGGLE WIGGLE -->
   <style>
@@ -419,7 +424,7 @@ text-transform:uppercase;
 
 //--><!]]>
 </script>
-       <div class="app">   
+       <div class="app gradient-bg">   
         
      <nav>
              <div class="left">
@@ -481,7 +486,6 @@ text-transform:uppercase;
   
          
          
-</div>
  
         <script>
           
@@ -567,6 +571,8 @@ text-transform:uppercase;
                                                      		 	               <% } %>   
 
        <script src="/css/custom-css.js"> </script>
+                                                                           </div>
+
  </body>
 </html>   
   
