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

body {
	background-color: #fad2f1;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-family: arial, serif;
}

section {
	margin: 1rem 1% 1rem 1%;
	padding-bottom: 1rem;
}

h1 {
	text-align: center;
	font-family: arial, serif;
	font-size: 3.5em;
	color: blue;
}

h2 {
	font-size: 2.5em;
	color: blue;
	padding-top: 2em;
}

p {
	text-align: center;
	font-size: 2rem;
	color: rgb(229, 255, 0);
	text-shadow: 2px 2px 2px black ;
}

.sub-par {
	font-size: 1.5rem;
	color: black;
	text-shadow: none;
}

.sub-par2 {
	padding-top: 0.5em;
	font-size: 1.2rem;
	color: black;
	text-shadow: none;
}

.sub-par3 {
	font-size: 1.2rem;
	font-weight: 600;
	color: rgb(250, 3, 3);
	text-shadow: none;
}

.back {
	font-size: 1.5rem;
	color: black;
	text-shadow: none;
	margin-bottom: 1rem;
}
canvas {
	margin: auto;
    display: block;
}


.button_centre {
	text-align: center;
}

.btn1 {
	background-color: rgb(250, 90, 90);
	padding: 0.5rem 1rem;
	border-radius: 10px;
	font-size: 1.5rem;
	margin-top: 2rem;
}

.btn1:hover {
	background-color: rgb(250, 43, 43);
	color:beige;
	cursor: pointer;
}

.btn2 {
	background-color: rgb(248, 176, 231);
	padding: 0.2rem 0.5rem;
	border: 2px solid black;
	border-radius: 30px;
	font-size: 1rem;
	margin-top: 2rem;
}

.btn2:hover {
	background-color: rgb(250, 39, 201);
	color:beige;
	cursor: pointer;
	
}