.slide-right {
    transform: translateX(100%);
    transition: transform 0.5s ease-in-out;
}

.slide-left {
    transform: translateX(-100%);
    transition: transform 0.5s ease-in-out;
}
/* transition.css */
body.about-maria .navbar {
    background-color: #f4f4f4;
}

body.about-maria .navbar a {
    color: #1c3284;
}

body.about-maria .navbar #nav-logo {
    content: url('../assets/logo pngs/icon/logo-02.png'); /* Update to the new logo image */
}

body.slide-left {
    transform: translateX(-100%);
}
body.about-maria .navbar a:not(:has(>img))::before {
    background-color: #1c3284; /* Blue color for the underline */
}
body.slide-right {
    transform: translateX(100%);
}