/* General body styling */
body {
    font-family: 'Roboto', sans-serif !important;
    background-color: #e7ffd0 !important;
    color: #2c3e50 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Navbar Styling */
.custom-navbar {
    background-color: #64605a !important;
    border-bottom: 2px solid #dcdde1 !important;
    padding: 0.75rem 1rem !important;
}

.navbar-brand img {
    max-height: 50px !important;
}

.nav-link {
    color: #d5e4c6 !important;
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
}

    .nav-link:hover, .nav-link:focus {
        color: #00ffff !important;
    }

.navbar-toggler {
    border: none !important;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232c3e50' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%2828,30,32,0.5%29' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

/* Footer Styling */
footer {
    background-color: #ffffff !important;
    border-top: 2px solid #dcdde1 !important;
    padding: 1rem