[Projeto] evoluindo cada vez mais

 <ul class="opções">
            <input type="checkbox" id="opções-menu" class="opções__botao">
            <label for="opções-menu" class="opções__item">Categorias</label>
            </label>
            <ul class="lista-menu">
                <li class="lista-menu__item"> <a href="#" class="lista-menu__link">PROGRAMAÇÃO</a>
                </li>
                <li class="lista-menu__item"> <a href="#" class="lista-menu__link">FRONT-END</a>
                </li>
                <li class="lista-menu__item"> <a href="#" class="lista-menu__link">INFRAESTRUTURA</a>
                </li>
                <li class="lista-menu__item"> <a href="#" class="lista-menu__link">BUSINESS</a>
                </li>
                <li class="lista-menu__item"> <a href="#" class="lista-menu__link">DESIGN & UX</a>
                </li>
            </ul>

```@media screen and (min-width: 1024px){
    .container__titulo, .container__titulo--negrito{
        font-family: var(--fonte-secundario);
        font-size: 30px;
    }

    .container__titulo{
        font-weight: 400;
    }

    .container__titulo--negrito{
        font-weight: 700;
    }

    .opções{
        display: flex;
    }

    .opções__item{
        padding: 0 1em;
        text-transform: uppercase;
    }

    .opções__link{
        text-decoration: none;
        color: var(--preto);
    }
    .container__imagem-trasnparente{
        display: none;
    }
    .cabeçalho__menu-hamburguer{
        display: none;
    }
    .opções__botao:checked~.lista-menu{
        display: block;
        width: auto;
    }

    .opções__botao{
        display: none;
    }
}