<!DOCTYPE html>
<html>
<head>
<style>

body {
  font-family: Arial;
  background: lightblue;
}


/* for my main page heading divider */
.header {
  font-size: 50px;
  text-align: center;
  background: teal;
   padding: 10px;
   margin-left: 10px;
}

/* For my image dividers */
.imgDiv {
  background-color: rgb(192, 192, 192);
  padding: 20px;
  text-align:center;
}

/* for all other dividers */
.SubDiv {
   background-color:teal;
   padding: 10px;
   margin-top: 10px;
   margin-left: 10px;
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 3px solid #dddddd;
  text-align: left;
  padding: 5px;
}

tr:nth-child(even) {
  background-color: green ;
}
tr:nth-child(odd) {
  background-color: blue;
}


</body>
</html>