body, html {
  margin: 0;
  padding: 0;
  height: 100%;
}

.container {
  display: flex;
  justify-content: center; /* Horizontally center content */
  align-items: center; /* Vertically center content */
  height: 100%;
  background-color: antiquewhite;
}

.content {
  text-align: justify-all; /* Center text within content */
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f9f9f9;
  max-width: 420px; /* Adjust as needed */
  font-family: "Helvetica Neue";
}

/* Responsive Styles */
@media only screen and (min-width: 768px) {
  .content {
    max-width: 400px; /* Adjust for larger screens */
  }
}

@media only screen and (min-width: 992px) {
  .content {
    max-width: 450px; /* Adjust for even larger screens */
  }
}