Solucionado
tem algum problema definir o box-sizing dentro do seletor * ao invés de fazer dentro do body? Dessa forma:
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
body{
height: 100vh;
background-color: black;
color:#f6f6f6;
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.5;
text-align: center;
}
Olá, Aécio.
Tudo bem?
Não tem problema, é utilizado dessa forma também, inclusive na documentação da W3Schools tem esse exemplo, exatamente como você fez.
Dessa forma aplica-se o box-sizing: border-box; para todos os elementos.
Espero ter ajudado. Qualquer dúvida manda aqui. Valeu.