body {
}

.custom-navbar {
    background-color: mediumpurple; /* Sets custom background color */
    color: white; /* Sets text color */
    padding: 10px; /* Adds padding around the navbar */
    font-size: 1rem; /* Sets font size */
    /*font-weight: bold;*/ /* Sets font weight */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow */
    transition: background-color 0.3s ease; /* Smooth transition effect */
}

    .custom-navbar:hover {
        background-color: mediumpurple; /* Changes background color on hover */
    }

    .custom-navbar a {
        color: white;
    }

        .custom-navbar a:hover {
            color: gainsboro;
        }

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}