Removendo fundo branco do logo principal da Barbearia no header + Alinhando o main ao header

Olá! Resolvi alguns problemas que encontrei no layout e gostaria de saber se foi a melhor forma:

Percebi que o fundo branco dentro da palavra "ALURA" no logo principal (header) da página "Produtos" estava branco. Usei um efeito chamado "multiply" (que serve somente quando a imagem é toda preta, como no caso do logo, caso contrário as cores da imagem irão ser alterar) e deu certo.

Também percebi que a div "main" não estava "perfeitamente" centralizada com a header, justamente porque essa mesma imagem tem bordas, ainda que transparentes. Pra compensar essa borda adicionei 20px ao lado direito da "nav", onde estão os links "Home/Produtos/Contatos".

Como estava:

Códigos que usei:

img {
    mix-blend-mode: multiply;
}

nav {
    position: absolute;
    top:  110px ;
    right: 0;
    margin: 0 20px 0 0;
}

Como ficou:

Ainda poderia ser inserida uma margem um pouco maior para ficar mais alinhado. Acredito que o ideal seria que esse logo estivesse sem bordas mesmo.

Queria saber se esse foi o melhor procedimento.

Obrigada!