.menu-ativo:after{
content:""; <-----------------
display: block;
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
.menu-ativo:after{
content:""; <-----------------
display: block;
Oi, Matheus, tudo bem?
A propriedade CSS content é usada com os pseudoelementos ::before e ::after para gerar conteúdo em um elemento. No caso, podemos criar um elemento para esse estilo, o, .menu-ativo que acredito que seja um menu hambúrguer. Ao invés de utilizarmos, uma figura, podemos utilizar o content para criar os traços do menu, mas com as propriedades adicionais: width, height. Um exemplo do seu uso: https://www.w3schools.com/cssref/tryit.asp?filename=trycss_content
Qualquer dúvida é só falar!