.blog {
  text-align: left;
}

.blog.header {
  background-color: #800080;
  /* background-image: linear-gradient(to right, lightblue, lightblue, darkblue, darkblue, darkblue, darkblue, darkblue ); */
  color: white;
}

.blog.footer {
  background-color: #800080;
  color: white;
}

.blog.dashboard {
  margin: 0px;
}


.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  margin: 0 4px;
}

.pagination a.active {
  background-color: #FF01FE;
  color: white;
  border-radius: 5px;
}

.pagination a:hover:not(.active) {background-color: #FF81FE;}