body {background-color: #fcdeff;}

.button-container1 {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
}

canvas {
	border: 1px solid #ccc;
	margin: 10px;
}

#info0 {position: absolute;	top:  0%;	z-index: 1;}
#info1 {position: absolute;	top:  3%;	z-index: 1;}
#info2 {position: absolute;	top:  6%;	z-index: 1;}
#info3 {position: absolute;	top:  9%;	z-index: 1;}
#info4 {position: absolute;	top: 12%;	z-index: 1;}
#info5 {position: absolute;	top: 15%;	z-index: 1;}
#info6 {position: absolute;	top: 18%;	z-index: 1;}
#info7 {position: absolute;	top: 21%;	z-index: 1;}
#info8 {position: absolute;	top: 24%;	z-index: 1;}
#info9 {position: absolute;	top: 27%;	z-index: 1;}
#infoA {position: absolute;	top: 30%;	z-index: 1;}
#infoB {position: absolute;	top: 33%;	z-index: 1;}
#infoC {position: absolute;	top: 36%;	z-index: 1;}
#infoD {position: absolute;	top: 39%;	z-index: 1;}
#infoE {position: absolute;	top: 42%;	z-index: 1;}
#infoF {position: absolute;	top: 45%;	z-index: 1;}
#infoG {position: absolute;	top: 48%;	z-index: 1;}
#infoH {position: absolute;	top: 51%;	z-index: 1;}
#infoI {position: absolute;	top: 54%;	z-index: 1;}
#infoJ {position: absolute;	top: 57%;	z-index: 1;}
#infoK {position: absolute;	top: 60%;	z-index: 1;}
#infoL {position: absolute;	top: 63%;	z-index: 1;}
#infoM {position: absolute;	top: 66%;	z-index: 1;}
#infoN {position: absolute;	top: 69%;	z-index: 1;}
#infoO {position: absolute;	top: 72%;	z-index: 1;}
#infoP {position: absolute;	top: 75%;	z-index: 1;}
#infoQ {position: absolute;	top: 78%;	z-index: 1;}
#infoR {position: absolute;	top: 81%;	z-index: 1;}
#infoS {position: absolute;	top: 84%;	z-index: 1;}
#infoT {position: absolute;	top: 87%;	z-index: 1;}
#infoU {position: absolute;	top: 90%;	z-index: 1;}
#infoV {position: absolute;	top: 93%;	z-index: 1;}
#infoW {position: absolute;	top: 96%;	z-index: 1;}
#infoX {position: absolute;	top: 99%;	z-index: 1;}