/* The class 'wrapper' is used for the HTML element itself. */
.wrapper {
    font-family: Arial, Helvetica, sans-serif;
}

/* The class 'myTable' is used for the <table> element. */
.myTable {
  color: #F2EDEB;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  border: 2px solid #F2EDEB;
  background-color: #386C0B;
}

/* For all table cells add some padding, align text, and show a border. */
.myTable td {
  padding: 0.3em;
  text-align: left;
  vertical-align: middle;
  border: 2px solid #F2EDEB;
}

/************************************************************************/

.wrapper2 {
    font-family: Arial, Helvetica, sans-serif;
}

.myTable2 {
  color: #F2EDEB;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  border: 2px solid #F2EDEB;
  background-color: #4D5061;
}

.myTable2 td {
  padding: 0.3em;
  text-align: left;
  vertical-align: middle;
  border: 2px solid #F2EDEB;
}