/* Reset de estilos padrão do navegador */
body, ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Estilo básico para o menu */
nav {
    background-color: #333; /* Cor de fundo do menu */
    padding: 10px; /* Espaçamento interno do menu */
}

/* Estilo para os itens do menu */
nav ul {
    display: flex; /* Exibir os itens do menu em linha */
}

nav li {
    margin-right: 20px; /* Espaçamento entre os itens do menu */
}

nav a {
    text-decoration: none; /* Remover sublinhado dos links */
    color: #fff; /* Cor do texto do link */
    font-weight: bold; /* Negrito no texto do link */
    transition: color 0.3s; /* Transição suave na cor do texto ao passar o mouse */
}

/* Alteração de cor ao passar o mouse sobre os links */
nav a:hover {
    color: #ffcc00; /* Cor alterada ao passar o mouse sobre o link */
}