/* Reset básico */
*{ /* Seleciona TODOS os elementos da página */
margin:0; /* Remove todas as margens padrão */
padding:0; /* Remove todos os espaçamentos internos padrão */
box-sizing:border-box; /* Faz largura e altura incluírem padding e borda */
font-family:Arial, Helvetica, sans-serif; /* Define a fonte padrão do site */
}

/* Corpo da página */
body{ /* Seleciona o corpo inteiro da página */
height:100vh; /* Define altura total da tela (100% da viewport) */
background:#000; /* Define fundo preto */
color:#fff; /* Define cor do texto branca */
display:flex; /* Ativa o modo flexbox */
flex-direction:column; /* Organiza os elementos em coluna */
justify-content:center; /* Centraliza verticalmente */
align-items:center; /* Centraliza horizontalmente */
text-align:center; /* Centraliza o texto */
}

/* Texto */
p{ /* Seleciona todos os parágrafos */
font-size:28px; /* Define tamanho da fonte */
margin-bottom:20px; /* Espaço abaixo do parágrafo */
letter-spacing:1px; /* Espaçamento entre letras */
}

/* Botão voltar */
a.Voltar{ /* Seleciona o link com classe Voltar */
text-decoration:none; /* Remove sublinhado do link */
color:#000; /* Cor do texto preta */
background:#fff; /* Fundo branco */
padding:12px 25px; /* Espaçamento interno (altura e largura) */
border:2px solid #fff; /* Borda branca de 2px */
border-radius:5px; /* Arredonda as bordas */
font-weight:bold; /* Deixa o texto em negrito */
transition:0.3s; /* Suaviza a animação em 0.3 segundos */
}

/* Efeito hover */
a.Voltar:hover{ /* Quando passa o mouse em cima do botão */
background:#000; /* Fundo fica preto */
color:#fff; /* Texto fica branco */
border:2px solid #fff; /* Mantém a borda branca */
}
