@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300&display=swap');
@import url('https://fonts.cdnfonts.com/css/gagalin');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

/* Custom Styles for Header */
body {
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Gagalin', sans-serif;
    /* background-color: #F5EBEB; */
    background-color: #fef2cf;
}



.navbar {
    background-color: #F5EBEB !important; /* Background color similar to the image */
}

.navbar-brand {
    margin-right: auto; /* Pushes the logo to the left */
}

.navbar-brand img {
    height: 80px !important; /* Increased height for a larger logo */
    width: 150px !important;
}

.navbar-nav .nav-link {
    background-color: #f8a9a9 !important; /* Button color */
    color: #333 !important; /* Text color */
    padding: 8px 15px !important;
    border-radius: 5px !important;
    margin-right: 5px !important;
    font-weight: bold !important;
}

.navbar-nav .nav-link:hover {
    color: #f7f0f0 !important;
    background-color: #f7a7a7 !important; /* Slightly darker on hover */
}