/* styles.css */
body {
    
    background-color: #343a40;
    color: #ffffff;
  
}

.container {
    max-width: 600px;
}

@keyframes colorChange {
    0% {
      background-color: #f80; /* Amarillo */
      color: #fff;
    }
    50% {
      background-color: #fff; /* Blanco */
      color: #f80;
    }
    100% {
      background-color: #f80; /* Amarillo */
      color: #fff;
    }
  }

  .my-button {
    animation: colorChange 2s infinite;
    /* Cambia de color cada 2 segundos */
    padding: 10px 20px;
    border: none;
    border-radius: 0.60rem;
    cursor: pointer;
    font-size: 25px;
  }