/* Styling the header */
header {
    margin: 0px;
    padding: 0px;
    background-color:white;
    color: #fff; /* Text color */
    text-align: left; /* Center align the content */
    height: 10vh; /* Fixed height for the header */
    min-height: 50px;
    position: relative; /* Make the header container position relative */
    overflow: hidden; /* Hide the scroll bar */
}

/* Styling the logo */
.logo {
    position: absolute; /* Set the position of the logo container to absolute */
    top: 50%; /* Center the logo vertically */
    transform: translateY(-50%); /* Adjust for vertical centering */
    left: 20px; /* Adjust the left position */
    right: 20px; /* Adjust the left position */
    max-width: 550px; /* Set maximum width for the logo */

}

.logo img {
    width: 80%; /* Set the width of the logo to 100% of its container */
    height: auto; /* Maintain aspect ratio */
}