GabrielSennaMs

@Beorlegui Para fazer isso você vai precisar utilizar Ajax, com Ajax você pode fazer a requisição para a página em php que vai enviar o e-mail sem sair dá página atual.
 
Um exemplo de código Ajax que você pode usar na sua aplicação:
<script type="text/javascript"> var form = document.forms["sentMessage"]; form.addEventListener("submit", function(event) { let xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if(this.readyState == 4 && this.status == 200) { alert(this.responseText); } }; xhttp.open(form.getAttribute("method"), form.getAttribute("action"), true); xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xhttp.send("nome="+form["nome"].value+"&email="+form["email"].value+"&telefone="+form["telefone"].value+"&msg="+form["msg"].value); event.preventDefault(); return(false); }); </script> Aqui tem um tutorial de como usar o Ajax

@MugenShion Esse tutorial pode te ajudar a entender o uso do display e da margin: http://pt-br.learnlayout.com/display.html, http://pt-br.learnlayout.com/margin-auto.html

Bom o npm é um gerenciador de pacotes, quando você pede para ele instalar um pacote, ele automaticamente começa a baixar os arquivos do pacote, esses arquivos ficam salvos na pasta "node_modules", essa pasta fica onde você executou o comando npm, como ele é um gerenciador de pacotes ele usa o arquivo package.json como base para gerenciar os pacotes e seu projeto.
 
O comando 
npm install @material é incorreto, esse comando somente é usado para baixa pequenas partes do material design e ele deve ser complementado com / e o nome da parte desejada.
Exemplo:
npm install @material/button Se você deseja baixar o material design completo, Recomento você a usar o comando:
npm install material-components-web Para adicionar ele a sua página, entre na pasta "node_modules" depois em "material-components-web" depois em "dist", dentro dessa pasta você vai encontra os arquivos do material design como os arquivos reduzido(.mim) e os arquivos não reduzidos e os arquivo de mapa, depois é só adicionar o link para essa pasta ou copiar os arquivos desejados, recomendo você a copiar os arquivos "material-components-web.min.css" e "material-components-web.min", o resto você não vai usar.
 
Você também pode usar o CDN para adicionar o material design na sua página web, sem a necessidade de usar o npm.
<link href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" rel="stylesheet"> <script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>  
 

Bom utilizando o código HTML que você passo, eu consegui de boa usar os componentes do material design.
Como eu havia comentado antes se você utiliza a ferramenta de desenvolvimento Boostrap, pro qual motivo você vai usar o material design.

@devprogramador O seu script pode funcionar de boa, é só você trocar o tipo(type) do botão de enviar(submit) para botão(button).
Em relação a seleção do formulário e melhor você trabalhar com ID porque o ID é único a class não é, você também pode trabalhar com o nome(name).
Exemplo:
<form name="form_login" action="login.php" onsubmit="return logar()" method="post"> <input type="text" name="login" placeholder="Login"> <input type="password" name="senha" placeholder="Senha"> <button type="submit">Logar</button> </form> <script> function logar(){ let form = document.forms["form_login"], login = form["login"].value, senha = form["senha"].value console.log(login, senha) return false } </script>