і*{
	margin:0;
	padding: 0; 
}
body{
	background: linear-gradient(287deg, #6144a2, #5dbb28);
}
.bar{
	display: flex;
	justify-content: space-around;
	background-color: yellow;
	height: 40px;
}
.colorBar{
	padding: 15px;
	width: 40%;
	display: flex;
	align-items: center;
}
#color{
	width: 200px;
	margin-right: 15px;
}
.btn{
	font-size: 16px;
	padding: 3px;
}
.lineWeightBar{
	padding: 10px;
	width: 40%;
	display: flex;
	align-items: center;
}
span{
	padding: 10px;	
	font-size: 20px;
	color: grey;
	font-family: sans-serif;
}
.lineW{
	width: 300px;
	margin-right: 15px;
}
canvas{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index:-10;
	bottom:0;
	display: block;

	background-color: grey;
}
#status{
	position: absolute;
	display: flex;
	top: 680px;
	left: 30px;
	font-size: 40px;
}