body {
    font-family: 'Press Start 2P', cursive; /* Comente esta linha para alterar a fonte */
    text-align: center;
    background-color: #f4f4f4;
    margin: 0;
    padding: 0;
}

#start-container, #game-container, #result-container {
    margin: 50px auto;
    max-width: 600px;
}

#card-image {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

#options button {
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
}

#next-button {
    display: none;
    margin-top: 20px;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
}

#score, #progress {
    margin-top: 20px;
    font-size: 18px;
}

#result-container h2 {
    font-size: 24px;
    margin-bottom: 20px;
}

#result-container button {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
}

/* Resultados estilo semáforo */
.green {
    color: #28a745;
}

.yellow {
    color: #ffc107;
}

.red {
    color: #dc3545;
}