/* Logo Styling */
.logo {
    font-size: 2.5rem; /* Increase font size for prominence */
    font-weight: bold; /* Make the text bold */
    color: orangered; /* Choose a visually appealing color (blue in this case) */
    text-align: center; /* Center the text */
    margin: 20px 0; /* Add some vertical spacing */
}

/* Optional: Add hover effect */
.logo:hover {
    color: #0056b3; /* Darker shade of blue on hover */
    cursor: pointer; /* Show a pointer to indicate interactivity */
}

/* Responsive Logo Size for Mobile */
@media screen and (max-width: 768px) {
    .logo {
        font-size: 2rem; /* Slightly smaller font size for mobile screens */
    }
}