.buruburu {
    display: inline-block;
    animation: hurueru .1s  4;
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

#canvas {
	position: relative;
	border-width: 2px;
	border-style: solid;
	padding: 5px;
	/* background-color:rgb(128, 255, 255); */
	width: 600px;
	height: 600px;
	left: 0px;
	top: 0px;
	z-index: 3;
	background-color: #ffe9a7;
	opacity: 0.4;
	border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
	
	background-image: linear-gradient(30deg, #ffc107 12%, transparent 12.5%, transparent 87%,
		#ffc107 87.5%, #ffc107),
		linear-gradient(150deg, #ffc107 12%, transparent 12.5%, transparent 87%,
		#ffc107 87.5%, #ffc107),
		linear-gradient(30deg, #ffc107 12%, transparent 12.5%, transparent 87%,
		#ffc107 87.5%, #ffc107),
		linear-gradient(150deg, #ffc107 12%, transparent 12.5%, transparent 87%,
		#ffc107 87.5%, #ffc107),
		linear-gradient(60deg, #ffc10777 25%, transparent 25.5%, transparent 75%
		, #ffc10777 75%, #ffc10777),
		linear-gradient(60deg, #ffc10777 25%, transparent 25.5%, transparent 75%
		, #ffc10777 75%, #ffc10777);
	background-size: 40px 70px;
	background-position: 0 0, 0 0, 20px 35px, 20px 35px, 0 0, 20px 35px; 
}

#canvas :focus {
	outline: none;
}


body {
z-index: -1;
  background-color: WhiteSmoke;
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}