:root { --bg: #0b0d10; --panel: #151922; --text: #e7eaf0; --muted: #97a0af; --primary: #6ea8fe; } html, body { background-color: var(--bg) !important; color: var(--text); min-height: 100%; } .card, .list-group-item, .modal-content, .dropdown-menu { background-color: var(--panel) !important; color: var(--text) !important; border: 1px solid rgba(255,255,255,.06) !important; } .navbar-dark.bg-dark { background-color: #0a0c10 !important; } .text-muted, .small.text-muted { color: var(--muted) !important; } .btn-primary { background-color: var(--primary); border-color: var(--primary); } .btn-success { background-color: #22c55e; border-color: #22c55e; } .btn-outline-secondary { color: var(--text); border-color: rgba(255,255,255,.2); } .btn-outline-secondary:hover { background: rgba(255,255,255,.08); } /* Background templates for */ .bg-aurora { /* background: linear-gradient(135deg, #0b0d10 0%, #101520 50%, #111827 100%); */ background: url("/static/4.png") no-repeat center center fixed; background-size: cover; } .bg-nebula { background: url("/static/4.png") no-repeat center center fixed; background-size: cover; } .bg-grid { background-image: linear-gradient(to right, rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 24px 24px; background-color: var(--bg); } .bg-noise { position: relative; } .bg-noise:before { content: ""; position: fixed; inset: 0; pointer-events: none; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGZpbHRlciBpZD0iYSI+fGVmZzogdHVyYnVsZW5jZSgmcXVvdDswLjAzJmdxdW90OykiPC9maWx0ZXI+PHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiBmaWx0ZXI9InVybCgjYSkiIGZpbGw9IiNmZmYiIG9wYWNpdHk9IjAuMDQiLz48L3N2Zz4="); opacity: .6; mix-blend-mode: overlay; } #prefs-btn { position: fixed; right: 16px; bottom: 16px; z-index: 1050; box-shadow: 0 10px 24px rgba(0,0,0,.4); } #paypal-button-container { background: rgba(255,255,255,.04); padding: 16px; border-radius: 12px; } /* .my-5 { margin-top: 0px !important; margin-bottom: 0px !important; } */ .extra-padding { padding-top: 2em; padding-bottom: 2em; }