/* Style the textarea */
textarea {
  width: 100%; /* Make it 80% of the container width */
  height: 600px; /* Make it 400px high */
  padding: 10px; /* Add some padding */
  border: 2px solid #ccc; /* Add a border */
  font-size: 14px; /* Increase the font size */
  text-align: left; /* Align text to the left */
}

/* Style the buttons */
input[type=submit], button {
  width: 20%; /* Make it 15% of the container width */
  height: 50px; /* Make it 50px high */
  margin: 10px; /* Add some margin */
  border: none; /* Remove the border */
  background-color: #4CAF50; /* Set a background color */
  color: white; /* Set a text color */
  font-size: 20px; /* Increase the font size */
}

/* Align the buttons to the bottom of the textarea */
form {
  display: flex; /* Use flexbox layout */
  flex-direction: column; /* Arrange items vertically */
  align-items: center; /* Align items horizontally to the center */
}

form > div {
  display: flex; /* Use flexbox layout */
}

form > div > textarea {
  flex-grow: 1; /* Grow to fill available space */
}

form > div > input[type=submit], form > div > button {
  align-self: flex-end; /* Align to the bottom edge */
}

/* Make the buttons side by side */
form > div:last-child {
  flex-direction: row; /* Arrange items horizontally */
}

/* Center the buttons and the textarea */
form {
  justify-content: center; /* Align items vertically to the center */
}