.right-panel {
    background-color: #f8f9fa; /* Soft light gray background */
    color: #333; /* Dark text color for readability */
    padding: 20px; /* Space inside the panel */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Light shadow for depth */
    font-family: 'Arial', sans-serif; /* Clean sans-serif font */
    font-weight: bold; /* Emphasized text */
    text-align: center; /* Center the text */
    margin: 10px 0; /* Space around the panel */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transitions */
}

.right-panel:hover {
    transform: translateY(-5px); /* Slight lift on hover */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); /* Deeper shadow on hover */
}