@charset "UTF-8";
/* CSS Document */

body {
	overflow:hidden; 
}

.st0, .st4, .st5 {
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
}

#drawf:hover ~ .st4 {
	animation: drawf 8s linear;
}
#drawf:hover ~ .st5 {
	animation: drawf 4s linear 4s;
}

#drawm:hover ~ .st0 {
	animation: drawm 8s linear;
}
#drawm:hover ~ g .st0 {
	animation: drawm 4s linear 4s;
}

@keyframes drawf {
  from {
    stroke-dashoffset: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes drawm {
  from {
    stroke-dashoffset: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}

#erasef:hover ~ .st4 {
	animation: erasef 8s linear;
}
#erasef:hover ~ .st5 {
	animation: erasef 4s linear;
}

#erasem:hover ~ .st0 {
	animation: erasem 8s linear;
}
#erasem:hover ~ g .st0 {
	animation: erasem 4s linear;
}

@keyframes erasef {
	from {
		stroke-dashoffset: 0;
	}
	to {
		stroke-dashoffset: 1;
	}
}
@keyframes erasem {
	from {
		stroke-dashoffset: 0;
	}
	to {
		stroke-dashoffset: 1;
	}
}

.st0copy, .st4copy, .st5copy {
	opacity:0;
}