body{
  background-color: black;
}
#canvas{
  position: relative;
  background-color: rgb(221, 221, 221);
  margin:15vmin auto;
  width:54vmin;
  height:60vmin;

}
#greenbox, #orangebox, #pinkbox, #bluebox, #yellowbox, #redbox, #purplebox, #lavenderbox, #blue2box, #green2box, #orange2box, #pink2box, #blue3box, #yellow2box, #red2box, #purple2box, #lavender2box, #blue4box {
position: absolute;
background-color: rgb(221, 221, 221);
left:0vmin;
top:0vmin;
width:3vmin;
height:60vmin;
}

#greenbox{
  background-color: rgb(13, 124, 30);
  left: 0vmin;

}
#orangebox{
  background-color: rgb(239, 77, 29);
  left:3vmin;

}
#pinkbox{
  background-color: rgb(201, 31, 90);
  left:6vmin;
}
#bluebox{
  background-color: rgb(27, 51, 155);
  left:9vmin;
}
#yellowbox{
  background-color: rgb(239, 136, 47);
  left:12vmin;
}
#redbox{
  background-color: rgb(255, 10, 10);
  left:15vmin;
}
#purplebox{
  background-color: rgb(152, 73, 195);
  left:18vmin;
}
#lavenderbox{
  background-color: rgb(174, 174, 252);
  left:21vmin;
}
#blue2box{
  background-color: rgb(14, 100, 186);
  left:24vmin;
}
#green2box{
  background-color: rgb(0, 114, 18);
  left:27vmin;
}
#orange2box{
  background-color: rgb(239, 77, 29);
  left:30vmin;
}
#pink2box{
  background-color: rgb(201, 31, 90);
  left:33vmin;
}
#blue3box{
  background-color: rgb(27, 51, 155);
  left:36vmin;
}
#yellow2box{
  background-color: rgb(239, 136, 47);
  left:39vmin;
}
#red2box{
  background-color: rgb(255, 10, 10);
  left:42vmin;
}
#purple2box{
  background-color: rgb(152, 73, 195);
  left:45vmin;
}
#lavender2box{
  background-color: rgb(148, 149, 154);
  left:48vmin;
}
#blue4box{
  background-color: rgb(0, 61, 132);
  left:51vmin;
}