@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

html {
  scroll-behavior: smooth;
}
body {
  background: white;
  font-family: "Montserrat", sans-serif;
  color: #2c2f32;
}

/* Paragraph spacing inside blog content */
#blogContent p {
  margin: 2em 0;
}

/* Headings inside blog content */
#blogContent .prose h3 {
  font-size: 23px;
  margin-top: 2em;
  font-weight: 600;
}

@media (max-width: 300px) {
  #blogContent .prose h3 {
    font-size: 19px !important;
  }
}

/* Unordered list styling */
#blogContent ul {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.prose img {
  margin: 1rem 0;
  max-width: 100%;
  border-radius: 0.5rem;
}