.progress-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.progress-circle {
  transform: rotate(-90deg);
}

.progress-circle-background {
  fill: none;
  stroke: #e0e0e0; /* Color de fondo del círculo */
}

.progress-circle-foreground {
  fill: none;
  transition: stroke-dashoffset 0.5s ease, stroke 0.5s ease; /* Transición suave para el color y el desplazamiento */
}@keyframes blink {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0.5;
    }
    100% {
      opacity: 1;
    }
  }
  
  .blink {
    animation: blink 1.5s infinite;
  }
  @keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
body {
    margin: 0px;
}