body{
	background:#000;
	color:#fff;
	margin:0;
    padding:0;
    font-size:24px;
    font-family: 'Evolventa', sans-serif;
}
#text{float:left;width:50%;line-height:30px;margin-top:15px;}
a{
	text-decoration:none;
	color:#fff;	
	font-size:48px;
	line-height:36px;
}
#container{
	width:500px;
	margin-left:auto;
	margin-right:auto;	
}
#cifri{
	font-size:72px;
	font-weight:900;
	width:50%;
	float:left;
}

.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#262626;}
.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#003040;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st2,.zrachok{fill-rule:evenodd;clip-rule:evenodd;}
.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st4{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
.st5{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st6{fill-rule:evenodd;clip-rule:evenodd;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st7{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st8{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#00D900;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st9{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#0000FF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st10{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#B20000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st11{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFF00;}
@keyframes vilezajet {
	0%{
		transform:translateY(-110px);
	}
	80% {
		transform: translateY(2px);
	}
	100%{
		transform: translateY(-2px);
	}
}
@keyframes zalezajet {
	0%{
		transform:translateY(0px);
	}
	100% {
		transform: translateY(-110px);
	}
}
@keyframes golova {
	0%{
		transform:rotate(0deg);
	}
	25%{
		transform:rotate(-5deg);
	}
	35%{
		transform:rotate(5deg);
	}
	50% {
		transform:rotate(0deg);
	}
	75%{
		transform:rotate(-5deg);
	}
	100% {
		transform:rotate(0deg);
	}
}
@keyframes ruka {
	0%{
		transform:rotate(0deg);
	}
	25%{
		transform:rotate(-15deg);
	}
	50%{
		transform:rotate(0deg);
	}
	65% {
		transform:rotate(-10deg);
	}
	80%{
		transform:rotate(0deg);
	}
	100% {
		transform:rotate(-5deg);
	}
}
@keyframes kleshnja {
	0%{
		transform:rotate(0deg);
	}
	25%{
		transform:rotate(15deg);
	}
	50%{
		transform:rotate(0deg);
	}
	100% {
		transform:rotate(5deg);
	}
}
@keyframes iskrenije {
	80%{
		opacity:0;
	}
	85%{
		opacity:1;
	}
	90%{
	opacity:0;
	}
}
@keyframes iskri {
	90%{
		opacity:0;
	}
	95%{
		opacity:1;
	}
	100%{
	opacity:0;
	}
}
#pauk{
	animation: vilezajet 5s ease-out forwards;
}
#pauk:hover{
	animation: zalezajet 3s linear forwards;
}
#golova{
	transform-origin: 200px 330px;
	animation: golova 15s linear forwards infinite;
}
#levajaruka{
	transform-origin:186px 412px;
	animation: ruka 10s linear forwards infinite;
}
#pravajakleshnja{
	transform-origin:278px 375px;
	animation: kleshnja 7s linear forwards infinite;
}
#iskra{
	opacity:0;
	animation:iskrenije 10s linear forwards infinite;
}
#krasnaja, #zelenaja, #sinaja{
	opacity:0;
	animation:iskri 10s linear forwards infinite;
}
#robot:hover #golova{
	transform-origin: 200px 330px;
	animation: golova 3s linear forwards infinite;
}
.zrachok{
	transform:translate(3px,0);
}