/* Navbar styling */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background-color: #333; /* Navbar background color */
}

.logo-container {
    flex: 1; /* Grow to fill remaining space */
}

.logo1 {
    height: 50px; /* Increase logo height */
}

.button-container {
    flex: 1; /* Grow to fill remaining space */
    text-align: right;
}

.download-button {
    padding: 8px 16px; /* Reduce button padding */
    background-color: #007bff; /* Default button background color */
    color: #fff; /* Default button text color */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-size: 14px; /* Reduce button font size */
}

.download-button:hover {
    background-color: #0056b3; /* Button background color on hover */
}

/* Responsive styling */
@media screen and (max-width: 768px) {
    .logo1 {
        height: 40px; /* Adjust logo height for smaller screens */
    }

    .download-button {
        font-size: 12px; /* Reduce button font size for smaller screens */
    }
}
.browser-icon {
    max-width: 50px; /* Adjust the maximum width of the icon */
    height: auto; /* Maintain aspect ratio */
    animation: fadeInOut 2s infinite; /* Animation for fading in and out */
}

@keyframes fadeInOut {
    0%, 100% {
        opacity: 0; /* Start and end with opacity 0 (hidden) */
    }
    50% {
        opacity: 1; /* Middle of animation, opacity 1 (visible) */
    }
}