#canvas {

  width: 50vmin;
  height: 70vmin;
  margin: 20vmin auto;
  position: relative;
  background-color: #f7f7d3;


}

#secondring {

  position: absolute;
  width: 3vmin;
  height: 61vmin;
  margin: 1vmin auto;
  left: 1vmin;
  top: 0vmin;
  background-color: #070707;

}

#secondring2 {

  position: absolute;
  width: 3vmin;
  height: 61vmin;
  margin: 1vmin auto;
  left: 46vmin;
  top: 6vmin;
  background-color: #059320;
}

#third {

  position: absolute;
  width: 44vmin;
  height: 4vmin;
  left: 5vmin;
  top: 1vmin;
  background-color: #059320;

}

#third2 {

  position: absolute;
  width: 15vmin;
  height: 9vmin;
  left: 30vmin;
  top: 7vmin;
  background-color: #059320;

}

#third3 {

  position: absolute;
  width: 44vmin;
  height: 4vmin;
  left: 1vmin;
  top: 64vmin;
  background-color: #030303;

}

#cuatro{
  width: 15vmin;
  height: 9vmin;
  background-color: #000000;
  position: absolute;
  left: 5vmin;
  top: 53vmin;

}

#cuatro2{
  width: 9vmin;
  height: 44vmin;
  background-color: #059320;
  position: absolute;
  left: 5vmin;
  top: 7vmin;

}

#cuatro3{
  width: 8vmin;
  height: 14vmin;
  background-color: #000000;
  position: absolute;
  left: 22vmin;
  top: 18vmin;

}

#cuatro4{
  width: 8vmin;
  height: 14vmin;
  background-color: #059320;
  position: absolute;
  left:22vmin;
  top: 37vmin;

}

#cuatro5{
  width: 7vmin;
  height: 44vmin;
  background-color: #000000;
  position: absolute;
  left:38vmin;
  top: 18vmin;

}