/* src/styles.css */
.site {
  background-color: var(--background-color);
  display: flex;
  justify-content: center;
  align-items:  center;
  height: 90vh;
}

.nav-main {
  display: flex;
  flex-direction: column;
  gap: 2em;
}

.nav-button {
  display: flex;
  border: 2px solid var(--current-line-color);
  color: var(--cyan);
  background-color: var(--current-line-color);
  border-bottom: 1px solid var(--cyan);
  border-radius: 8px;
  justify-content: center;
  align-items:  center;
  width: 18em;
  height: 4em;
  font-size: 1.2rem;
}

.nav-button:hover {
  color: var(--red);
  border-bottom-color: var(--red);
}

/* src/dracula-colors.css */
:root {
  --background-color: #282a36;
  --current-line-color: #44475a;
  --foreground-color: #f8f8f2;
  --comment-color: #6272a4;
  --cyan: #8be9fd;
  --green: #50fa7b;
  --orange: #ffb86c;
  --pink: #ff79c6;
  --purple: #bd93f9;
  --red: #f55;
  --yellow: #f1fa8c;
}

/* src/jonah/jonah-styles.css */
.posts-root {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.post-card {
  border: 1px solid var(--cyan);
  background-color: var(--current-line-color);
  border-radius: .5em;
  padding: .5em;
}

.post-title {
  color: var(--orange);
}

.post-body {
  color: var(--foreground-color);
  white-space: pre-line;
}