diff --git a/_sass/main.scss b/_sass/main.scss
index 369cfcc..f916433 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -123,6 +123,7 @@ background-image: url('/assets/img/world.svg');
     left: 0;
     width: 100%;
     height: 100%;
+    background: linear-gradient(230deg, #ff00ffe6, #416a00e6);
   }
   
   @media (min-aspect-ratio: 16/9) {
@@ -405,7 +406,6 @@ min-height: 80vh;
 }
 .logo {
   flex: 1 0 300px;
-
   background-size: 100%;
   background-repeat: repeat;
   max-width: 300px;
diff --git a/index.html b/index.html
index 4c0fee4..88ce381 100644
--- a/index.html
+++ b/index.html
@@ -36,7 +36,7 @@ layout: default
 
 </div>
 
-<div class="aboutflex" style="background: #fff;">
+<div style="  background: linear-gradient(45deg, #ff00ff, #416a00);">
   <div class="trackcontainer logo" style="margin-top:0;padding-top:0;">
       {% include cookiemonster.html %}
   </div>