background-attachment: fixed !important;
background-size: cover !important;
background-position: center !important;

}

.css-0 { background-color: rgba(255, 255, 255, 0.1) !important; }

.card, .box, .panel, .main-content, .css-1s5evre, [class*="MuiCard"], [class*="MuiPaper"] { background: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(4px) !important; border: 1px solid #000000 !important; border-radius: 0px !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important; }

h1, h2, h3, h4, .profile-name, [class*="heading"] { font-family: 'Alex Brush', cursive !important; color: #000000 !important; font-size: 2.8rem !important; font-weight: 400 !important; letter-spacing: 1px !important; text-transform: none !important; text-shadow: none !important; }

p, span, div, label, .css-96l1id { font-family: 'Inter', sans-serif !important; color: #000000 !important; font-weight: 400 !important; }

a, .nav-link, .Btn2-purple, .css-9lg76n { color: #000000 !important; font-family: 'Inter', sans-serif !important; font-weight: 500 !important; letter-spacing: 1px !important; }

a:hover, .nav-link:hover { color: #666666 !important; text-decoration: underline !important; }

[class*="CharacterCard"], .character-card { background-color: #ffffff !important;

background-size: cover !important;
background-position: center !important;
border: 1px solid #000000 !important;
border-radius: 0px !important;
transition: all 0.3s ease !important;

}

[class*="CharacterCard"]:hover, .character-card:hover { transform: translateY(-4px) !important; border-color: #000000 !important; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15) !important; }

.Btn2-purple, .Btn2-purple:before { background: #ffffff !important; border: 1px solid #000000 !important; color: #000000 !important; border-radius: 0px !important; }

::-webkit-scrollbar { width: 5px; } ::-webkit-scrollbar-track { background: #ffffff; } ::-webkit-scrollbar-thumb { background: #000000; }