Update styling for stats cards to improve appearance and visibility

Modify background and border properties of .stats-card and .stats-card:hover in static/css/styles.css.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 5e584ab0-c340-4432-97ef-1972582b60e9
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: f1af16b0-3836-47e8-a414-cd5c30acadaa
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/5e584ab0-c340-4432-97ef-1972582b60e9/FuwDdkb
This commit is contained in:
abhiramtx
2025-11-08 23:18:36 +00:00
parent 2191e72362
commit 8e2935bb46

View File

@@ -472,16 +472,14 @@ hr {
.stats-card { .stats-card {
text-align: center; text-align: center;
padding: 32px; padding: 32px;
background: rgba(0, 0, 0, 0.4); background: rgba(26, 26, 26, 0.4);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 16px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
} }
.stats-card:hover { .stats-card:hover {
background: rgba(0, 0, 0, 0.5); background: rgba(26, 26, 26, 0.6);
transform: translateY(-4px); transform: translateY(-4px);
box-shadow: 0 12px 24px rgba(255, 255, 255, 0.05); box-shadow: 0 12px 24px rgba(255, 255, 255, 0.05);
} }