#canvas{
  background-color: rgb(255, 255, 220);
  width: 60vmin;
  height: 80vmin;
  margin: 20vmin auto 0 auto;
  position: relative;
  
}

#se{
  position: absolute;
  left: 1.5vmin;
  top:  2.1vmin;
  width:  3.5vmin;
  height: 69vmin;
  background-color: rgb(2,2,2);
}
#th{
  position: absolute;
  left:  54.8vmin;
  top:   9.5vmin;
  width: 3.5vmin;
  height:  69vmin;
  background-color: rgb(20,147,45);
}
#fo{
  position: absolute;
  left:  6vmin;
  top:  2vmin;
  width:  52.5vmin;
  height:  5vmin;
  background-color: rgb( 20,147,45);
}
#fv{
  position: absolute;
  left: 1.5vmin;
  top: 73.5vmin;
  width:  52.5vmin;
  height:  5vmin;
  background-color: rgb(2,2,2 );
}
#si{
  position: absolute;
  left: 6vmin;
  top: 9.5vmin;
  width:  10vmin;
  height:  47vmin;
  background-color: rgb(20,147,45 );
}
#sv
{
  position: absolute;
  left: 44vmin;
  top: 24vmin;
  width:  10vmin;
  height: 47vmin;
  background-color: rgb(2,2,2 );
}
#ei{
  position: absolute;
  left: 25vmin;
  top: 24vmin;
  width:  10vmin;
  height:  15vmin;
  background-color: rgb(2,2,2 );
}
#ni{
  position: absolute;
  left: 25vmin;
  top: 42vmin;
  width: 10vmin;
  height:  15vmin;
  background-color: rgb( 20,147,45 );
}
#te{
  position: absolute;
  left: 35vmin;
  top: 9.5vmin;
  width:  19vmin;
  height:  12vmin;
  background-color: rgb(20,147,45  );
}
#ev{
  position: absolute;
  left:6vmin;
  top: 59vmin;
  width:  19vmin;
  height:  12vmin;
  background-color: rgb(2,2,2 );
}