/* EFFECT EXPLANATION CARD */ .blackhole-effect-info { margin: 0 0 14px; padding: 12px 15px; border: 1px solid rgba(137, 180, 255, .25); border-radius: 14px; background: linear-gradient(110deg, rgba(19, 45, 105, .38), rgba(3, 10, 31, .68)); box-shadow: inset 0 1px 1px rgba(255,255,255,.07); } .blackhole-effect-info-label { display: block; margin-bottom: 4px; color: rgba(180, 210, 255, .58); font-size: .58rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .blackhole-effect-info strong { display: block; color: #f3f7ff; font-size: .92rem; line-height: 1.25; } .blackhole-effect-info p { margin: 4px 0 0; color: rgba(220, 234, 255, .7); font-size: .7rem; line-height: 1.55; } @media (max-width:700px) { .blackhole-effect-info { padding: 11px 12px; border-radius: 13px; } .blackhole-effect-info strong { font-size: .82rem; } .blackhole-effect-info p { font-size: .65rem; } }