Gradients

.idea/workspace.xml

@@ -62,7 +62,7 @@
       <workItem from="1679674448294" duration="3278000" />
       <workItem from="1679754546660" duration="3762000" />
       <workItem from="1679776338023" duration="11768000" />
-      <workItem from="1679841996008" duration="1024000" />
+      <workItem from="1679841996008" duration="1356000" />
     </task>
     <servers />
   </component>

index.html

@@ -62,16 +62,12 @@
                 FlufflParty is the new partygame for mobile and pc.
                 Play free and online with your friends. NO ADS.
             </p>
-
-            <button class="color1">Visit now</button>
         </div>
         <div class="color1">
             <h2>Characters</h2>
             <p>
                 In FlufflParty there are witing many maps and cute characters for you!
             </p>
-
-            <button class="color2">Review</button>
         </div>
         <div class="color2">
             <h2>Coming Soon</h2>

mainPage.css

@@ -31,17 +31,18 @@ h1 {
 
 .color1
 {
-    background-color: #F7A4A4;
+    /*background-color: #F7A4A4;*/
+    background-image: linear-gradient(#F7A4A4, #FEBE8C);
 }
 
 .color2
 {
-    background-color: #FEBE8C;
+    background-image: linear-gradient(#FEBE8C, #b9a4f7);
 }
 
 .color3
 {
-    background-color: #B6E2A1;
+    background-image: linear-gradient(#B6E2A1, #FFFBC1);
 }
 
 h2

navigationStyle.css

@@ -29,7 +29,7 @@ header {
     justify-content: space-between;
     align-items: center;
     padding: 10px 100px;
-    background-color: #FFFBC1;
+    background-color: #ffe2c1;
 }
 
 /*IO Game Studios button (only navigation)*/
@@ -140,7 +140,7 @@ Mobile
     }
 }
 
-img
+header img
 {
     border-radius: 50px;
     max-width: 150px;