.main-nav {
    padding: 1.2rem 3rem;
    background-color:white;
}

.main-nav-ul{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
}

.nav-logo{
    width:100px;
    border-radius:50px;
}
.button {
    text-decoration: none;
    color: white;
    background-color: black;
    padding: 16px 28px;
    font-weight: 600;
    border-radius: 5px;
    white-space: nowrap;
}
.button:hover {
        color: white;
        box-shadow: 0 12px 24px -10px rgba(240, 79, 36, 0.72);

 }

.main-nav.scrolled{
    background-color:white;
}