Почему цвет не отображается в моем CSS? Если я закомментирую нижний колонтитул до цвета, он появляется, но остальной текст выглядит как мусор

<footer id = "footer">
        <div id = "footerRight">
            <ul>
                <li><a class = "currentbottomnav" href = "about.html">About</a></li>
                <li><a href = "store.html">Store</a></li>
                <li><a href = "contact.html">Contact</a></li>
            </ul>

        </div>

        <div id = "footerLeft">
            <p>Follow us</p>
            <ul>
                <li><a href = "#"><i class = "fab fa-facebook"></i></a></li>
                <li><a href = "#"><i class = "fab fa-twitter-square"></i></a></li>
            <p>.........................</p>
        </div>
    </footer>

CSS ------------------------------------------------- -

footer {
color:white;
position:absolute;
bottom:0;
width:100%;
height: auto; 
background-color: rgba(255, 255, 255, 0.1);
padding: 15px;
box-sizing: border-box;/*Removes the extra width on the box*/
border-radius: 50% 50% 0 0 / 5%;

}

footer #footerLeft a{
    font-size:25px;
    text-decoration: none;
    color: whitesmoke;
}
footer #footerRight a{
    text-decoration: none;
    color: whitesmoke;
    margin:10px;
}

.currentbottomnav {
    color: aqua; 
}


footer ul {
    list-style: none;

}

footer li {
    display:inline-block;
}

footer #footerRight a:hover{
    color: rgb(90 90 90);
    font-weight: 300;
    transition-duration: 0.4s;
}
footer #footerLeft a:hover{
    color: rgb(90 90 90);
    font-weight: 300;
    transition-duration: 0.4s;
}

#footerRight{
    float:right;

}
#footerLeft{
    float: left;    
}

Я говорю о "нижнем колонтитуле #footerRight a {...}", один. Если я закомментирую белый дым там, цвет морской волны всплывает для первого элемента, как и предполагалось (это то, что я хочу), но остальные элементы больше не выглядят красивыми, потому что они больше не настраиваются с помощью белого дыма.

Я пытаюсь изменить цвет своих быстрых ссылок в нижнем колонтитуле, а также ссылок в заголовке. У меня есть ссылки для заголовка, но теперь, когда я пытаюсь сделать те, для нижнего колонтитула, они не работают. Я использую класс для изменения цветов.