CSS, responsivo e muito código.

Olá Paulo Borges, parabéns pelo seu projeto!

Tenho algumas sugestões que você pode querer testar.

• Considere substituir o uso de padding por este código para centralizar o main.container de maneira mais responsiva:

.cream {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    /* restante do codigo */
}

• Experimente adicionar overflow: hidden e definir um border-radius diretamente no main.container para obter bordas arredondadas.

Espero que essas sugestões sejam úteis para aprimorar ainda mais o seu projeto. Bom trabalho! 😊