body {
	margin: 0;
	background: #b7c4c8;
	height: 100vh;
	overflow: hidden;
}
svg,
.pat {
	width: 100%;
	height: 100%;
}
pattern path,
#bridges {
	fill: #fff;
	stroke: #000;
}
#container {
	fill: none;
	stroke: #7c1cb3;
	stroke-width: 8;
	stroke-linecap: round;
	stroke-dasharray: 10px 10px;
}
#enter {
	animation: enter 1s linear forwards;
}
#exit {
	animation: exit 1s linear forwards;
}

@keyframes enter {
	from {
		stroke-dashoffset: 10px;
	}
	to {
		stroke-dashoffset: 0px;
	}
}
@keyframes exit {
	from {
		stroke-dashoffset: 0px;
	}
	to {
		stroke-dashoffset: -10px;
	}
}