Pessoal, estou com uma problema quando adiciono o padding: 2% ou margin: 2% para elemento main. Acontece um transbordamento(largura) na página. Os elementos invadem a parte não visível na página e a barra de rolagem é adicionada automaticamente. Não estou conseguindo resolver o problema, gostaria de algumas dicas pra achar a solução. Pesquisei sobre overflow hidden e tentei utilizar, mas não resolveu. Desde já agradeço a atenção de todos.
Segue o código e imagem de fundo.
index.html (4,7,KB)
style.css (728,Bytes)
