body {
    background-color: #000; /* Fundo preto */
    color: #fff; /* Texto branco */
    font-family: 'Montserrat', sans-serif; /* Fonte padrão para o corpo do texto */
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
}

.header {
    margin-top: 50px; /* Espaçamento superior para o logo */
    margin-bottom: 50px;
}

.logo {
    max-width: 300px; /* Ajuste o tamanho do logo conforme necessário */
    height: auto;
}

.main-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px; /* Espaço entre os cards */
    margin-bottom: 50px;
}

.card {
    background-color: transparent; /* Os cards são as próprias imagens */
    border-radius: 15px; /* Arredondamento das bordas */
    overflow: hidden; /* Garante que a imagem respeite o arredondamento */
    width: 350px; /* Largura fixa para os cards, ajuste conforme necessário */
    max-width: 90vw; /* Garante que os cards sejam responsivos em telas menores */
    box-shadow: 0 0 20px rgba(0, 255, 0, 0.5); /* Sombra esverdeada para o efeito "brilho" */
    transition: transform 0.3s ease-in-out; /* Transição suave para o hover */
}

.card:hover {
    transform: scale(1.03); /* Efeito de leve aumento no hover */
}

.card-link {
    display: block;
    width: 100%;
    height: 100%;
}

.card-image {
    width: 100%;
    height: auto;
    display: block;
}

.footer {
    width: 80%;
    max-width: 800px;
    text-align: center;
    font-size: 0.8em;
    line-height: 1.5;
    color: #aaa; /* Cor mais clara para o texto do rodapé */
    margin-top: auto; /* Empurra o rodapé para baixo */
    padding-bottom: 20px;
}

.footer p {
    margin: 5px 0;
}