body {
  font-family: 'Roboto', sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

#recipe-container {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

pre.dark-mode {
  background-color: #2c2c2c;
  color: #ffffff;
  padding: 1rem;
  border-radius: 5px;
  overflow-x: auto;
  white-space: pre-wrap; /* Make the JSON wrap if the line is too long */
}