body {
    margin: 0;
    padding: 20px;
    background-color: #1A1A1A; /* cinza escuro */
    font-family: Arial, sans-serif;
    text-align: center;
    color: #E0E0E0; /* cinza claro */
}


.logo {
    width: 200px;
    max-width: 70%;
}

main {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 0 5px;
}

.btn {
    background-color: #000000;
    color: #FFD000;
    border: 2px solid #FFD000;
    padding: 30px;
    font-size: 1.4rem;
    border-radius: 18px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    width: 100%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.6);
    text-align: center;
}

.btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.8);
    background-color: #FFD000;
    color: #000000;
}