#canvas {

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


}

#secondring {

  position: absolute;
  width: 20vmin;
  height: 16vmin;
  left: 0vmin;
  top: 0vmin;
  background-color: #f2f1dd;

}

#third {

  position: absolute;
  width: 30vmin;
  height: 16vmin;
  left: 20vmin;
  top: 0vmin;
  background-color: #3953a3;

}

#third2 {

  position: absolute;
  width: 2vmin;
  height: 2vmin;
  left: 23vmin;
  top: 18vmin;
  background-color: #c70000;

}

#third3 {

  position: absolute;
  width: 21vmin;
  height: 3vmin;
  left: 0vmin;
  top: 45vmin;
  background-color: #030303;

}

#cuatro{
  width: 23vmin;
  height: 2vmin;
  background-color: #000000;
  position: absolute;
  left: 0vmin;
  top: 48vmin;

}

#cuatro2{
  width: 12vmin;
  height: 9vmin;
  background-color: #000000;
  position: absolute;
  left: 9vmin;
  top: 25vmin;

}

#cuatro3{
  width: 2vmin;
  height: 28vmin;
  background-color: #000000;
  position: absolute;
  left: 23vmin;
  top: 20vmin;

}

#cuatro4{
  width: 27vmin;
  height: 9vmin;
  background-color: #000000;
  position: absolute;
  left:23vmin;
  top: 41vmin;

}

#cuatro5{
  width: 1vmin;
  height: 15vmin;
  background-color: #000000;
  position: absolute;
  left:20vmin;
  top: 30vmin;

}