.content {
  overflow-x: hidden;
  overflow-y: hidden;
}

.footer {
  color: var(--post-mobile-abbr-text-color);
  padding: 15px 0 20px 5px;
}

.morePostsSuggestion {
  color: var(--body-font-color);
  padding-bottom: 5px;
}

.footer a, .newerPostsButton  {
  cursor: pointer;
  text-decoration: var(--button-text-decoration);
  color: var(--button-desktop-text-color);
}

.footer a:hover, .newerPostsButton:hover {
  color: var(--button-desktop-text-color-hover);
}

.button {
  text-transform: capitalize;
  color: var(--button-desktop-text-color);
  text-decoration: var(--button-text-decoration);
}

.button:hover {
  color: var(--button-desktop-text-color-hover);
  cursor: pointer;
}

@media (max-width: 640px) {
  .footer {
    padding-left: 5px;
  }
}

.garland {
  border-image-slice: 50 0 50 0;
  border-image-width: 40px 0px 0px 0px;
  border-image-outset: 0px 0px 0px 0px;
  border-image-repeat: repeat repeat;
  border-image-source: url('/public/assets/garland.png');
  border-style: solid;
  padding-top: 50px;
}