User:FrankFrankUltimate/citizen.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

.citizen-header {
    margin: 15px !important;
    border-radius: 50px !important;
    
    /* The "Glass" Core */
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(15px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(180%);
    
    /* The "Liquid" Edge - creates the refraction look */
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    
    /* Depth and Shine */
    box-shadow: 
        0 8px 32px 0 rgba(0, 0, 0, 0.1),
        inset 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
    
    /* Ensuring content doesn't bleed out of the rounded corners */
    /*fuck that, let it happen*/
	
}