/* Estilo para o menu */
        .menu {
            background-color: #333; /* Cor de fundo do menu */
            overflow: hidden; /* Limpa o float para o menu */
        }

        .menu ul {
            list-style-type: none; /* Remove os marcadores de lista */
            margin: 0;
            padding: 0;
        }

        .menu ul li {
            float: left; /* Alinha os itens do menu horizontalmente */
        }

        .menu ul li a {
            display: block;
            color: white; /* Cor do texto do menu */
            text-align: center;
            padding: 4px 10px;
            text-decoration: none;
           font-size: 14px;
        }

        .menu ul li a:hover {
            background-color: #575757; /* Cor de fundo ao passar o mouse */
        }