Estilização da Navbar

Lição 9 de 12 do curso Barra de Navegação Inferior - Projeto HTML/CSS da Coddy.

Vamos estilizar a barra de navegação!

Desafio

Fácil

Alvo da classe “navigation”:

Para definir uma posição:
a. Defina a posição como absolute.
b. Defina o bottom como 32px.
c. Defina o border-radius como 24px.
d. Defina a posição left como 50%.
Adicione o estilo de transição abaixo:
```
transform: translate(-50%, 0);
```
Defina o background-color para o que você desejar! (recomendado: purple)

Experimente você mesmo

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>