.avatar img {
  width: 30rem;
  border-radius: 0%;
  filter: grayscale(100%);
  transition: filter 0.5s ease;
  @media only screen and (max-device-width: 768px) {
    width: 15rem;
  }
}

.avatar img:hover {
  filter: grayscale(0%);
}

.centered .about ul.posts li { 
    display: block;
}

.centered .about ul.posts li a { 
    font-size: 1.2rem;
}