html {
  background: #F0F0F5;
  font-family: Palatino, serif;
}

header {
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #dedede;
}

nav {
  border-bottom: 1px solid #dedede;
  display: block;
}

nav ul{
  text-align: center;
}

nav ul li {
  display: inline-block;
  padding: 0 25px;
}

main {
  margin-left: 25%;
}

table td {
  text-align: center;
  padding: 5px 15px;
  margin-left: auto;
  margin-right: auto;
}


footer {
   position:relative;
   padding: 10px 0px;
   left:10px;
   bottom:10px;
   top:10px;
   height:50px;
   width:100%;
   border-top: 1px solid #dedede;
   border-bottom: 1px solid#dedede;
}

html {
  background: #F0F0F5;
  font-family: Palatino, serif;
}

header {
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #dedede;
}

header h1 {
  font-size: 3em;
}

nav {
  border-bottom: 1px solid #dedede;
  display: block;
}

nav ul{
  text-align: center;
}

nav ul li {
  display: inline-block;
  padding: 0 15px;
}

nav ul li a {
  text-decoration:none;
  transform: translateX(-50%) translateY(-50%);
  padding: 10px;
  transform-origin: 50% 50%;
  border: 2px solid transparent;
  transition: all .2s ease-in;
  color: #e3e3e3;
}

nav ul li a:visited {
  color:black;
}

nav ul li a:hover {
padding: 10px;
text-decoration:none;
font-size: 15px;
color: grey;
border: 2px solid grey;
text-shadow: none;
}

nav ul li a:active {
  color:black;
}

main {
  margin-left: 25%;
}

table td {
  text-align: center;
  padding: 5px 15px;
  margin-left: auto;
  margin-right: auto;
}


footer {
   position:relative;
   padding: 10px 0px;
   left:10px;
   bottom:10px;
   top:10px;
   height:50px;
   width:100%;
   border-top: 1px solid #dedede;
   border-bottom: 1px solid#dedede;
}

Update styling for blog index
Update styling for blog index
