body{
  background:#000;
  font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.brainContainer{
    width:50vw;
    height:50vw;
    max-height:400px;
    max-width:400px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    overflow:hidden;
    cursor:pointer;
    z-index:-1;
}
svg{
    height:100%;
    width:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}
path{
	fill:transparent;
}
.brainPath{
	stroke:#00ff00;
	stroke-width:1;
}
.brainCircle{
	stroke:#00FF00;
	fill:#00FF00;
}
.brainRect{
	stroke:#00FF00;
	fill:#00FF00;
}
.brainEllipse{
	stroke:#00FF00;
	fill:#00FF00;
}
.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;
  }
}

/* make class title in the top center and with white glowing color */
.title{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  text-align:center;
  color:#fff;
  font-size:2em;
  font-weight:bold;
  text-shadow:0 0 10px #fff;
}

/* make the footer class in color white and glowing */
.footer{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:100px;
  text-align:center;
  color:#fff;
  font-size:1em;
  font-weight:bold;
  text-shadow:0 0 10px #fff;
}