body {
    font-family: Arial, sans-serif;
    text-align: center;
}

.container {
    max-width: 600px;
    margin: 50px auto;
}

.stickman-container {
    position: relative;
    margin-bottom: 20px;
}

.stickman-animation {
    animation-name: bounce; /* Nombre de la animación */
    animation-duration: 0.5s; /* Duración de la animación */
}

/* Definición de la animación */
@keyframes bounce {
    0% {
        transform: translateY(0); /* Sin cambio en la posición inicial */
    }
    50% {
        transform: translateY(-20px); /* Mover hacia arriba */
    }
    100% {
        transform: translateY(0); /* Volver a la posición inicial */
    }
}


button {
    padding: 10px 20px;
    font-size: 18px;
    cursor: pointer;
}

button:hover {
    background-color: #ddd;
}

p {
    font-size: 24px;
}
.click-animation {
    transform: scale(1.1); /* Escalar el stickman */
    transition: transform 0.2s ease; /* Agregar una transición suave */
}