html {
  height: 100%;
}

body {
  margin: 0;
  padding-bottom: 50px; /* Adjust based on your footer's height */
}

footer2 {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 20px;
  /*
  position: fixed;
  bottom: 0;
  width: 100%;
  */
  height: 50px; /* Set a fixed height */
  /*background-color: #333; */
  /*color: #fff; */

  text-align: left;
  line-height: 50px; /* Vertically aligns text within the footer */
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 20px;
  /*
  position: fixed;
  bottom: 0;
  width: 100%;
  */
  height: 50px; /* Set a fixed height */
  /*background-color: #333; */
  /*color: #fff; */

  text-align: left;
  line-height: 50px; /* Vertically aligns text within the footer */
}