.line1{
	position:absolute;
	width:160px;
	height:15px;
	cursor: pointer;
	box-sizing: border-box;
}

.line2{
	position:absolute;
	width:15px;
	height:160px;
	cursor: pointer;
	box-sizing: border-box;
}

.lineItem{
	z-index:999;
}

.line3{
	position:absolute;
	width:15px;
	height:112px;
	cursor: pointer;
	box-sizing: border-box;
	transform-origin: 0 0;
	transform: rotate(45deg);
}
.lineSt0{
	position:absolute;
	cursor: pointer;
	box-sizing: border-box;
	background-color: yellow;
}
.lineSt1{
	position:absolute;
	cursor: pointer;
	box-sizing: border-box;
	background-color: yellow;
}
.firstLine{
	position:absolute;
	cursor: pointer;
	box-sizing: border-box;
	background-color: red;
	border-radius: 1em;	
}

.secondLine{
	position:absolute;
	cursor: pointer;
	box-sizing: border-box;
	background-color: green;
	border-radius: 1em;	
}

.blinking{
    -webkit-animation:blink 0.25s ease-in-out infinite alternate;
    -moz-animation:blink 0.25s ease-in-out infinite alternate;
    animation:blink 0.25s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.colorPared{
	position:absolute;
	width:52px;
	height:52px;
	cursor: pointer;
}

.btn-help {
	position: absolute;
	/* bottom: 30px; */
	left: 50px;
	top:650px;
}

.help-area {
	bottom: 180px;
	left: 130px;
}