.nextAndPrevPost {
  width: 100%;
  margin-top: 30px;
  padding: 30px 0;
  border-top: 1px solid #ccc;
}
.nextAndPrevPost a {
  font-size: 21px;
  color: #212121;
  cursor: pointer;
}
.nextAndPrevPost a:hover {
  color: black;
}
.nextAndPrevPost a:last-of-type {
  float: right;
}

.shear {
  left: -60px;
  right: auto;
}

@media only screen and (max-width: 800px) {
  .shear {
    display: none;
  }

  .grid[data-grid="3"] {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }

  .grid[data-grid="2"] {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }

  .nextAndPrevPost a {
    font-size: 16px;
  }
}

/*# sourceMappingURL=project.css.map */