.brainContainer {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-radius: 100%;
  padding: 2rem;
}

.brainContainer svg {
  height: 100%;
  width: 100%;
  position: relative;
}

.brainContainer path {
  fill: transparent;
}

.brainPath {
  stroke: #4f46e5;
  stroke-width: 1;
}

.brainCircle {
  stroke: #4f46e5;
  fill: #4f46e5;
}

.brainRect {
  stroke: #4f46e5;
  fill: #4f46e5;
}

.brainEllipse {
  stroke: #4f46e5;
  fill: #4f46e5;
}

.animatePaths {
  animation: goPath 3000ms alternate infinite;
}

.animateCircles {
  animation: goCircle 3000ms alternate infinite;
}

.animateRects {
  animation: goRect 3000ms alternate infinite;
}

@keyframes goPath {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes goRect {
  to {
    opacity: 0;
  }
}

@keyframes goCircle {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}