html {
  max-width: 70ch;
  /* larger spacing on larger screens, very small spacing on tiny screens */
  padding: calc(1vmin + 0.5rem);
  /* shorthand for margin-left/margin-right */
  margin-inline: auto;
  /* fluid sizing: https://frontaid.io/blog/fluid-typography-2d-css-locks-clamp/ */
  font-size: clamp(1em, 0.909em + 0.45vmin, 1.25em);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif;
  /* use dark mode if user prefers it */
  color-scheme: light dark;
}

/* h1 */
h1 {
  font-size: 2.5rem;
  font-weight: 600;
  margin: 0;
}

/* FeedVault logo */
.title {
  text-align: center;
}

.search {
  display: flex;
  justify-content: center;

  /* Spacing between search bar and nav bar */
  margin-top: 1rem;

  /* Center the search bar */
  margin-inline: auto;
}

/* Links at the top and bottom of the page */
.leftright {
  display: flex;
  justify-content: center;
}

/* Align the links to the left and right */
.left {
  margin-right: auto;
}

.right {
  margin-left: auto;
}

/* Add feeds box */
textarea {
  width: 100%;
  height: 10rem;
  resize: vertical;
}