diff --git a/attached_assets/image_1762640871239.png b/attached_assets/image_1762640871239.png new file mode 100644 index 0000000..351a705 Binary files /dev/null and b/attached_assets/image_1762640871239.png differ diff --git a/static/css/styles.css b/static/css/styles.css index 186f21b..e0e50ce 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -42,9 +42,9 @@ body::after { width: 200%; height: 200%; background: - radial-gradient(circle at 30% 20%, rgba(59, 130, 246, 0.03) 0%, transparent 40%), - radial-gradient(circle at 70% 60%, rgba(139, 92, 246, 0.03) 0%, transparent 40%), - radial-gradient(circle at 50% 80%, rgba(59, 130, 246, 0.02) 0%, transparent 50%); + radial-gradient(circle at 30% 20%, rgba(59, 130, 246, 0.08) 0%, transparent 40%), + radial-gradient(circle at 70% 60%, rgba(139, 92, 246, 0.08) 0%, transparent 40%), + radial-gradient(circle at 50% 80%, rgba(59, 130, 246, 0.06) 0%, transparent 50%); pointer-events: none; z-index: 0; animation: float-background 20s ease-in-out infinite; @@ -629,9 +629,8 @@ hr { .card:hover, .card-sponsors:hover { - border-color: var(--accent); transform: translateY(-8px); - box-shadow: 0 20px 40px rgba(59, 130, 246, 0.2); + box-shadow: 0 20px 40px rgba(255, 255, 255, 0.05); } .card-content, @@ -656,7 +655,7 @@ hr { .card:hover img, .card-sponsors:hover img { transform: scale(1.15); - filter: brightness(0) invert(1) drop-shadow(0 0 20px rgba(59, 130, 246, 0.4)); + filter: brightness(0) invert(1) drop-shadow(0 0 20px rgba(255, 255, 255, 0.3)); } .members-container { @@ -686,8 +685,7 @@ hr { .member-card:hover { background: var(--gray-700); transform: translateY(-8px); - border-color: var(--accent); - box-shadow: 0 20px 40px rgba(59, 130, 246, 0.15); + box-shadow: 0 20px 40px rgba(255, 255, 255, 0.05); } .member-image { @@ -827,7 +825,7 @@ hr { } .competition-card:hover { - border-color: var(--accent); + box-shadow: 0 8px 16px rgba(255, 255, 255, 0.05); } .competition-card-img { @@ -968,8 +966,8 @@ span.emoji:hover::after { } .robo-card:hover { - border-color: var(--accent); transform: translateY(-4px); + box-shadow: 0 8px 16px rgba(255, 255, 255, 0.05); } .robo-card img { @@ -1444,7 +1442,7 @@ body::before { } .heading:hover::after { - width: 80%; + width: 0; } .robo-card {