@charset "ISO-8859-1";
/* CSS Document */

body {
	background: #162A42;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFF;
}
#canvas_holder {
	margin: 0 auto;
	width: 600px;
	height: 400px;
	background: #FFF;
}
#canvas {
	border: 3px solid black;
}
#feedback {
	color: #FFF;
	position: absolute;
	box-sizing: content-box;
	background-color: black;
	
}
.rouge{
	color:red;
}
.vert{
	color:rgb(6, 167, 6);
}
.jaune{
	color:rgb(255, 213, 0);
}
h1{
	text-align: center;
}
h3{
	text-align: center;
	font-size: 1.1rem;
}
aside{
	position: absolute;
	top:14%;
	box-sizing: content-box;
	width: 23%;
	padding: 1%;
	padding-bottom: 5%;
	padding-top: 5%;
	background-color: #0E1C2D;
	border-radius:30px ;
	text-align: center;
	font-size: 1.1rem;
}
.tutoriel{
	left: 74.5%;
}