*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background: hsl(66, 92%, 86%);
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: arial, serif;
	/* overflow: hidden; */
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	text-align: center;
	font-size: 2.5em;
	color: rgb(255, 0, 0);
}

p {
	text-align: center;
	font-size: 1.5em;
}

h6 {
	text-align: center;
	font-size: 1rem;
}
#canvas1 {
	
	border: 2px solid black;
	border-radius: 20px;
	background: white;
}

canvas.one {
	padding: 0;
    margin: auto;
    display: block; 
}

.span2 {
	grid-row: span 2;
	
}

.all-sliders {
	display: grid;
	gap: 0.5rem;
	grid-template-columns: 1fr 1fr 0.3fr;
	justify-content: center;
	font-size: 2rem;
	background-color: white;
	margin: 0 5%;
	border: 3px solid blue;
	border-radius: 10px;
	
}

.ind-slider {
	background-color: aqua;
	border-radius: 10px;
	margin: 1rem;
	padding-top: 1rem;
	border: 3px solid blue;
	text-align: center;
}

.inner-slider {
	display: flex;
	justify-content: center;
	font-size: 1rem;

}

.slider-lbl {
	font-size: 1rem;
}
.slider {
	width: 70%;
	margin: 0 1rem 1rem 1rem;
}

.button_centre {
	text-align: center;
}

.btn1 {
	width: 80%;
	/* height: 2rem; */
	margin: 0.5rem 0.5rem;
	padding: 0.7rem 0.7rem;
	font-size: 1rem;
	font-weight: 600;
	background-color: rgb(250, 90, 143);
	border-radius: 10px;
	width: auto;
}