#canvas{
  background-color: rgb(1,83,140);
  width: 60vmin;
  height: 70vmin;
  margin: 20vmin auto 0 auto;
  position: relative;

}
#se, #seo, #th, #tho, #fo, #foo, #fv, #fvo, #si, #sio, #sv, #svo, #ei, #eio, #ni, #nio
{
  position: absolute;
  width: 3.3vmin;
  height: 70vmin;
}
#seo, #se{
  background-color: rgb(2,134,47);
}
#se{ 
  left: 0vmin;
}
#seo { 
  left: 29.7vmin;
}
#th, #tho{
  background-color: rgb(255,84,30);
}
#th{
  left:  3.3vmin;
}
#tho{
  left: 33vmin;
}
#fo,#foo{
  background-color: rgb(209,25,95 );
}
#fo{
  left:  6.6vmin;
}
#foo{
  left:  36.3vmin;
}
#fv,#fvo{ 
  background-color: rgb(20,74,195);
}
#fv{
  left: 9.9vmin;
}
#fvo{
  left: 39.6vmin;
}
#si,#sio{
  background-color: rgb(226,130,74);
}
#si{
  
  left: 13.2vmin;
}
#sio{
  left: 42.9vmin;
}
#sv,#svo
{  
  background-color: rgb(215,0,17);
}
#sv{
  left: 16.5vmin;
}
#svo{
  left: 46.2vmin;
}

#ei{

  left: 19.8vmin;
}
#eio{

  left: 49.5vmin;
}
  #ei,#eio{  
  background-color: rgb(140,75,162 );
}
#ni{
  
  left: 23.1vmin;
}
#nio{

  left: 52.8vmin;
}
  #ni,#nio{

  background-color: rgb(166,170,192);
}