make it brighter

style.css

@@ -1,9 +1,10 @@
+
 @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&display=swap');
 body {
     font-family: 'Montserrat', sans-serif;
     min-height: 100vh;
-    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
-    overflow-x: hidden;
+    background: linear-gradient(135deg, #000000 0%, #1a1a2e 100%);
+overflow-x: hidden;
     color: white;
 }
 @keyframes snow {
@@ -30,7 +31,6 @@ body {
     animation-timing-function: linear;
     animation-iteration-count: infinite;
 }
-
 /* Holiday gradient overlay */
 body::after {
     content: "";
@@ -41,20 +41,20 @@ body::after {
     height: 100%;
     background: 
         linear-gradient(to bottom, 
-            rgba(139, 0, 0, 0.1) 0%, 
-            rgba(0, 100, 0, 0.1) 100%);
-    pointer-events: none;
+            rgba(220, 38, 38, 0.15) 0%, 
+            rgba(22, 163, 74, 0.15) 100%);
+pointer-events: none;
     z-index: -1;
 }
 .font-orbitron {
     font-family: 'Orbitron', sans-serif;
 }
-
 .btn-primary {
     display: inline-block;
-    background: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);
+    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
     color: white;
-    padding: 12px 24px;
+    text-shadow: 0 0 8px rgba(255,255,255,0.3);
+padding: 12px 24px;
     border-radius: 8px;
     font-weight: bold;
     text-transform: uppercase;
@@ -84,20 +84,18 @@ body::after {
 .btn-secondary:hover {
     background: rgba(139, 92, 246, 0.1);
 }
-
 .feature-card {
     background: rgba(17, 24, 39, 0.7);
     backdrop-filter: blur(10px);
-    border: 1px solid rgba(139, 92, 246, 0.2);
-    border-radius: 12px;
+    border: 1px solid rgba(168, 85, 247, 0.4);
+border-radius: 12px;
     padding: 24px;
     transition: all 0.3s ease;
 }
-
 .feature-card:hover {
     transform: translateY(-5px);
-    box-shadow: 0 10px 25px rgba(139, 92, 246, 0.2);
-    border-color: rgba(139, 92, 246, 0.4);
+    box-shadow: 0 10px 25px rgba(168, 85, 247, 0.4);
+    border-color: rgba(168, 85, 247, 0.6);
 }
 /* Thanksgiving Banner Animation */
 @keyframes pulseThanksgiving {
@@ -121,9 +119,9 @@ body::after {
     color: transparent !important;
 }
 .goog-te-gadget-simple {
-    background-color: rgba(0,0,0,0.7) !important;
-    border: 1px solid #e3b341 !important;
-    border-radius: 4px !important;
+    background-color: rgba(0,0,0,0.8) !important;
+    border: 1px solid #facc15 !important;
+border-radius: 4px !important;
     padding: 4px 8px !important;
     backdrop-filter: blur(10px);
     height: 40px !important;
@@ -147,20 +145,18 @@ body::after {
 .goog-te-menu-value img {
     display: none !important;
 }
-
 .goog-te-menu-value:before {
     content: '\f0ac';
     font-family: 'feather' !important;
-    color: #e3b341;
-    margin-right: 8px;
+    color: #facc15;
+margin-right: 8px;
     font-size: 16px;
 }
-
 .goog-te-menu-value:after {
     content: '\f107';
     font-family: 'feather' !important;
-    color: #e3b341;
-    margin-left: 8px;
+    color: #facc15;
+margin-left: 8px;
     font-size: 16px;
 }
 
@@ -185,13 +181,12 @@ body::after {
     padding: 10px 16px !important;
     font-size: 14px !important;
 }
-
 .goog-te-menu2-item:hover {
-    background-color: rgba(227, 179, 65, 0.1) !important;
+    background-color: rgba(250, 204, 21, 0.2) !important;
 }
 
 .goog-te-menu2-item-selected {
-    background-color: rgba(227, 179, 65, 0.2) !important;
+    background-color: rgba(250, 204, 21, 0.3) !important;
 }
 /* YouTube player controls */
 #mute-btn i {
@@ -200,14 +195,13 @@ body::after {
     stroke-width: 2;
 }
 .glow-image {
-    filter: drop-shadow(0 0 15px rgba(227, 179, 65, 0.7));
+    filter: drop-shadow(0 0 20px rgba(250, 204, 21, 0.8));
     transition: filter 0.3s ease;
 }
 
 .glow-image:hover {
-    filter: drop-shadow(0 0 25px rgba(227, 179, 65, 0.9));
+    filter: drop-shadow(0 0 30px rgba(250, 204, 21, 1));
 }
-
 .feature-icon {
 width: 60px;
     height: 60px;
@@ -215,9 +209,9 @@ width: 60px;
     display: flex;
     align-items: center;
     justify-content: center;
-    background: rgba(139, 92, 246, 0.1);
+    background: rgba(168, 85, 247, 0.2);
     border-radius: 50%;
-    border: 2px solid #8b5cf6;
-    color: #8b5cf6;
-    font-size: 24px;
+    border: 2px solid #a855f7;
+    color: #a855f7;
+font-size: 24px;
 }