Html CSS3 Flex box

👾Fala Gustavo, tudo bem? Parabéns pelo desafio!

A sua solução e código estão muito bons. a unica coisa que eu mudaria é o alinhamento do conteúdo geral, pra fazer isso você precisa tirar o repetimento do background com background-repeat e faze-lo pegar a tela toda com background-size: cover

Aqui as correcoes pro seu codigo:

body {
    height: 100vh;
    font-family: var(--fontpadrao);
    font-weight: 400;
    background-image: url(images/bg-desktop.svg);
    background-color: var(--color1);
    padding: 20px 70px;
    background-repeat: no-repeat;
    color: white;
    background-size: cover;
}

👋 Espero ter ajudado e continue no foco!