Pływające menu navbar ze zmianą koloru tła

<nav>
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
           <section id="navbar">
                <ul>
                    <li><a href="#section1">HOME</a></li>
                    <li><a href="#news">NEWS</a></li>
                    <li><a href="#contact">CONTACT</a></li>
                </ul>
            </section>
            </div>
        </div>
    </div>
</nav>

#nabvar {
    justify-content: center;
    padding: 30%;
    position: fixed;
}