|
|
| Line 54: |
Line 54: |
| } | | } |
|
| |
|
| /* Target the card specifically */
| |
| .citizen-menu__card {
| |
| background: rgba(255, 255, 255, 0.1) !important;
| |
| backdrop-filter: blur(15px) saturate(180%) !important;
| |
| -webkit-backdrop-filter: blur(15px) saturate(180%) !important;
| |
| border: 1px solid rgba(255, 255, 255, 0.2) !important;
| |
| border-radius: 20px !important; /* Menus usually look better with tighter radii than the header */
| |
| box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1) !important;
| |
|
| |
| /* This helps backdrop-filter trigger in stubborn browsers */
| |
| transform: translateZ(0);
| |
| isolation: isolate;
| |
| }
| |
|
| |
|
| /* --------------- FONT -------------- */ | | /* --------------- FONT -------------- */ |
