.navbar {
    font-size: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.navbar-nav {
    width: 100%;
}

.navbar .container {
    display: flex;
    justify-content: center;
}

/* Change navbar text color */
.navbar .navbar-brand,
.navbar .nav-link {
    color: #720e9e !important; /* White text */
}

.navbar-brand {
    position: absolute;
    padding-left: 15px;
    left: 0;
}

@media (max-width: 1950px) {
    .navbar-brand {
        display: none;
    }
}

.nav-link2{
    margin-left: auto;
    position: absolute;
    right: 0;
}

/* Change navbar text color when hovered */
.navbar .nav-link:hover {
    color: #FFFF00 !important; /* Orange on hover */
}

/* Make active link stand out */
.navbar .nav-item .active {
    color: #4B0082 !important; /* Red for active page */
}


body, p, h1, h2, h3, h4, h5, h6, a, span, div {
    color: yellow !important;
}

body{
    font-size: 1.2rem; /* Adjust for readability */
    background-image: url('/static/img/mwlogo.png');
    background-size: cover;
}

@media (max-width: 768px) {
    body {
        font-size: 1rem; /* Smaller font on mobile */
    }

img {
    max-width: 100%;
    height: auto;
}