body {
    font-family: 'Roboto', sans-serif; /* Usando a fonte Roboto */
    margin: 0;
    padding: 0;
    background-color: #547787; /* Fundo azul existente */
    color: #000; /* Cor do texto preto */
}

.a {
    max-width: 800px;
    margin: 20px auto;
    background-color: rgba(255, 255, 255, 0.9); /* Cor de fundo do container com transparência */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); /* Sombra */
}

h3 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #507787; /* Cor do título em verde */
    font-weight: bold; /* Texto em negrito */
}

.elevador {
    margin-bottom: 20px;
}

.elevador h2 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #007787; /* Cor do subtítulo em verde mais claro */
    font-weight: bold; /* Texto em negrito */
}

pre {
    background-color: rgba(255, 255, 255, 0.7); /* Cor de fundo do bloco de código com transparência */
    padding: 10px;
    border-radius: 5px;
    white-space: pre-wrap;
}

pre::before {
    content: "\200B"; /* Adiciona um espaço invisível antes do texto */
}

i {
    margin-right: 5px;
}
       /* Estilos para o botão */
.voltar-btn {
    background-color: #007BFF; /* Cor de fundo azul */
    color: white; /* Cor do texto */
    border: none; /* Sem borda */
    border-radius: 5px; /* Cantos arredondados */
    padding: 5px 15px; /* Reduz o espaçamento interno */
    font-size: 14px; /* Reduz o tamanho da fonte */
    cursor: pointer; /* Cursor em forma de mãozinha */
    transition: background-color 0.3s ease; /* Transição suave ao passar o mouse */
    margin-bottom: 15px; /* Ajusta o espaçamento inferior */
}

/* Efeito ao passar o mouse */
.voltar-btn:hover {
    background-color: #0056b3; /* Cor de fundo ao passar o mouse */
}

/* Efeito ao clicar */
.voltar-btn:active {
    background-color: #003f7f; /* Cor de fundo ao clicar */
}