.brainContainer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    z-index: 1;
    opacity: 0.52;
}

.brainContainer svg {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.brainContainer path {
    fill: transparent;
}

.brainPath {
    stroke: #fff !important;
    stroke-width: 1;
}

.brainCircle {
    stroke: #fff !important;
    fill: #fff !important;
}

.brainRect {
    stroke: #fff !important;
    fill: #fff !important;
}

.brainEllipse {
    stroke: #fff !important;
    fill: #fff !important;
}

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

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

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

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

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

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

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .brainContainer * {
        animation: none !important;
        stroke-dashoffset: 0 !important;
        opacity: 1 !important;
    }
}