text: function mychest1() {
      var x = document.getElementById("chest1");
      if (x.style.display === "none") {
          x.style.display = "block";
      } else {
          x.style.display = "none";
      }
  }
  // fuction works as a toggle when the given id element will be pressed it will show its content if the content is hidden and will hide the content if it is visible.
  function mychest2() {
      var x = document.getElementById("chest2");
      if (x.style.display === "none") {
          x.style.display = "block";
      } else {
          x.style.display = "none";
      }
  }
  function mychest3() {
      var x = document.getElementById("chest3");
      if (x.style.display === "none") {
          x.style.display = "block";
      } else {
          x.style.display = "none";
      }
  }
  function mychest4() {
      var x = document.getElementById("chest4");
      if (x.style.display === "none") {
          x.style.display = "block";
      } else {
          x.style.display = "none";
      }
  }
  function myback1() {
      var x = document.getElementById("back1");
      if (x.style.display === "none") {
          x.style.display = "block";
      } else {
          x.style.display = "none";
      }
  }
  function myback2() {
      var x = document.getElementById("back2");
      if (x.style.display === "none") {
          x.style.display = "block";
      } else {
          x.style.display = "none";
      }
  }
  function myback3() {
      var x = document.getElementById("back3");
      if (x.style.display === "none") {
          x.style.display = "block";
      } else {
          x.style.display = "none";
      }
  }
  function myback4() {
      var x = document.getElementById("back4");
      if (x.style.display === "none") {
          x.style.display = "block";
      } else {
          x.style.display = "none";
      }
  }
  function myarms1() {
      var x = document.getElementById("arms1");
      if (x.style.display === "none") {
          x.style.display = "block";
      } else {
          x.style.display = "none";
      }
  }
  function myarms2() {
      var x = document.getElementById("arms2");
      if (x.style.display === "none") {
          x.style.display = "block";
      } else {
          x.style.display = "none";
      }
  }
  function myarms3() {
      var x = document.getElementById("arms3");
      if (x.style.display === "none") {
          x.style.display = "block";
      } else {
          x.style.display = "none";
      }
  }
  function myarms4() {
      var x = document.getElementById("arms4");
      if (x.style.display === "none") {
          x.style.display = "block";
      } else {
          x.style.display = "none";
      }
  }
  function mylower5() {
      var x = document.getElementById("lower5");
      if (x.style.display === "none") {
          x.style.display = "block";
      } else {
          x.style.display = "none";
      }
  }
  function mylower1() {
      var x = document.getElementById("lower1");
      if (x.style.display === "none") {
          x.style.display = "block";
      } else {
          x.style.display = "none";
      }
  }
  function mylower2() {
      var x = document.getElementById("lower2");
      if (x.style.display === "none") {
          x.style.display = "block";
      } else {
          x.style.display = "none";
      }
  }
  function mylower3() {
      var x = document.getElementById("lower3");
      if (x.style.display === "none") {
          x.style.display = "block";
      } else {
          x.style.display = "none";
      }
  }
  function mylower4() {
      var x = document.getElementById("lower4");
      if (x.style.display === "none") {
          x.style.display = "block";
      } else {
          x.style.display = "none";
      }
  }
  function goBack() {
      window.history.back();
  }
  