body {
    margin: 0;
    padding: 0;
    font-family: 'Cinzel', serif;
    background-color: #050505; /* Fundo sólido para a página toda */
    color: #ffd700;
}

.hero {
    width: 100%;
    height: 60vh; /* O header ocupa 60% da altura da tela */
    background-image: url('baphomet-fundo.png');
    background-size: contain; /* Mostra a imagem inteira sem cortar */
    background-position: center;
    background-repeat: no-repeat;
    background-color: #050505; /* Cor de fundo caso a imagem seja menor que a tela */
}

.content {
    text-align: center;
    padding: 40px 20px;
    background-color: #050505; /* Fundo sólido para o texto */
}

h1 { 
    font-size: 2.5rem; 
    letter-spacing: 5px; 
    text-transform: uppercase; 
}

.btn-home {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 25px;
    border: 1px solid #ffd700;
    color: #ffd700;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.3s;
}

.btn-home:hover {
    background: #ffd700;
    color: #000;
}