html,
body{
	margin:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background:transparent;
}

body{
	position:relative;
}

.brainContainer{
    width:min(90vmin, 420px);
    height:min(90vmin, 420px);
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    overflow:visible;
    cursor:pointer;
    z-index:1;
}

body.compact .brainContainer{
    width:min(120vmin, 540px);
    height:min(120vmin, 540px);
}

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

.brainPath{
	stroke:#9b645e;
	stroke-width:1;
}
.brainCircle{
	stroke:#cf8d78;
	fill:#cf8d78;
}
.brainRect{
	stroke:#9b645e;
	fill:#9b645e;
}
.brainEllipse{
	stroke:#6f433c;
	fill:#6f433c;
}
.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;
  }
}