.login-button{
    background-color: #6da9e9;
    color: white;
    text-align: center;
    text-decoration: none;

    font-size: 17.5px;
    padding: 8px 20px;
    border-radius: 50px;
    transition: 0.3s background-color;
}
.login-button:hover{
background-color: #77b9ff;
}


.navbar{
background-color: #fff;
height: 80px;
margin: 20px;
border-radius: 16px;
padding: 0.5rem;
/* border: solid 1px #77b9ff; */
box-shadow: inset;
}

.navbar-toggler{
border: none;
font-size: 1.25rem;
}

.navbar-toggler:focus,.btn-close:focus{
box-shadow: none;
outline: none;
}

.nav-link{
color: rgb(32, 24, 69);
font-weight: 450;
position: relative;
font-size: 17px;

}

.nav-link:hover,.nav-link:active{
color:black ;
}

.nav-link::before{
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 2px;
/* background-color:rgb(34, 27, 71) ; */
visibility: hidden;
transition: 1s ease-in-out;
}
.nav-link:hover::before,.nav-link.active:before{
width: 100%;
visibility: visible;
transition: 1s ease-in-out;

}

a{
    text-decoration: none;
}