.rippleBoxHtml {
	  opacity: 0;
	  -webkit-transition: opacity .2s ease-out;
	  transition: opacity .2s ease-out;
	}
	
	body.is-done .rippleBoxHtml {
	  opacity: 1;
	}
	
	aside {
	  position: absolute;
	  top: 15%;
	  left: 10%;
	  font-size: 1.2em;
	  color: #1a1a1a;
	}
	
	a {
	  color: inherit;
	}
	
	.rippleBoxHtml>.legitRipple-ripple {
	  -webkit-animation: colors 1s;
	  animation: colors 1s;
	  background: rgba(251, 55, 55, .05);
	}
	
	@-webkit-keyframes colors {
	  5% {
	    background: rgba(0, 74, 187, .05)
	  }
	
	  100% {
	    background: rgba(251, 55, 55, .05)
	  }
	}
	
	@keyframes colors {
	  5% {
	    background: rgba(0, 74, 187, .05)
	  }
	
	  100% {
	    background: rgba(251, 55, 55, .05)
	  }
	}
	
	/* Cursor */
	
	.rippleBoxHtml:before {
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  height: 200px;
	  width: 200px;
	  margin: -100px;
	  -webkit-animation: wobble 3s linear infinite;
	  animation: wobble 3s linear infinite;
	  opacity: 1;
	  -webkit-transition: opacity .2s 1s ease-out;
	  transition: opacity .2s 1s ease-out;
	  /* publicicons.org/cursor-icon/ */
	
	  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 120 120"><path fill="#eee" d="M24.252,0.143l71.828,67.04l-34.716,2.994l19.753,43.695l-13.168,5.984L48.794,75.563L24.252,98.908V0.143"/></svg>') no-repeat center center / 100%;
	}
	
	.rippleBoxHtml:hover:before {
	  opacity: 0;
	  -webkit-transition-delay: 0s;
	  transition-delay: 0s;
	}
	
	@-webkit-keyframes wobble {
	  /* it's kind of a circle */
	
	  0% {
	    -webkit-transform: translate(-5%, -5%);
	    transform: translate(-5%, -5%);
	  }
	
	  12.5% {
	    -webkit-transform: translate(0, -7.5%);
	    transform: translate(0, -7.5%);
	  }
	
	  25% {
	    -webkit-transform: translate(5%, -5%);
	    transform: translate(5%, -5%);
	  }
	
	  32.5% {
	    -webkit-transform: translate(7.5%, 0);
	    transform: translate(7.5%, 0);
	  }
	
	  50% {
	    -webkit-transform: translate(5%, 5%);
	    transform: translate(5%, 5%);
	  }
	
	  62.5% {
	    -webkit-transform: translate(0, 7.5%);
	    transform: translate(0, 7.5%);
	  }
	
	  75% {
	    -webkit-transform: translate(-5%, 5%);
	    transform: translate(-5%, 5%);
	  }
	
	  87.5% {
	    -webkit-transform: translate(-7.5%, 0);
	    transform: translate(-7.5%, 0);
	  }
	
	  100% {
	    -webkit-transform: translate(-5%, -5%);
	    transform: translate(-5%, -5%);
	  }
	}
	
	@keyframes wobble {
	  /* it's kind of a circle */
	
	  0% {
	    -webkit-transform: translate(-5%, -5%);
	    transform: translate(-5%, -5%);
	  }
	
	  12.5% {
	    -webkit-transform: translate(0, -7.5%);
	    transform: translate(0, -7.5%);
	  }
	
	  25% {
	    -webkit-transform: translate(5%, -5%);
	    transform: translate(5%, -5%);
	  }
	
	  32.5% {
	    -webkit-transform: translate(7.5%, 0);
	    transform: translate(7.5%, 0);
	  }
	
	  50% {
	    -webkit-transform: translate(5%, 5%);
	    transform: translate(5%, 5%);
	  }
	
	  62.5% {
	    -webkit-transform: translate(0, 7.5%);
	    transform: translate(0, 7.5%);
	  }
	
	  75% {
	    -webkit-transform: translate(-5%, 5%);
	    transform: translate(-5%, 5%);
	  }
	
	  87.5% {
	    -webkit-transform: translate(-7.5%, 0);
	    transform: translate(-7.5%, 0);
	  }
	
	  100% {
	    -webkit-transform: translate(-5%, -5%);
	    transform: translate(-5%, -5%);
	  }
	}