welcome to ajfs
#ajfs-message-box { position: fixed; top: 10%; left: 50%; transform: translateX(-50%); width: 80%; max-width: 500px; background-color: rgba(0, 0, 0, 0.8); /* semi-transparent black */ color: white; padding: 20px; border-radius: 12px; box-shadow: 0 0 20px rgba(255, 255, 255, 0.2); font-family: monospace; z-index: 9999; animation: fadeIn 0.6s ease; } #ajfs-message-box button#close-ajfs { position: absolute; top: 10px; right: 14px; background: none; border: none; color: white; font-size: 20px; cursor: pointer; transition: opacity 0.3s ease; } #ajfs-message-box button#close-ajfs:hover { opacity: 0.6; } @keyframes fadeIn { from { opacity: 0; transform: translateX(-50%) translateY(-10px); } to { opacity: 1; transform: translateX(-50%) translateY(0); } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }