.container {
  max-width: 800px !important;
  padding: 40px 40px !important;
  line-height: 1.6;
  border-radius: 0.5rem; /* 8px border-radius */
  border: 2px solid rgba(224, 61, 80, 0.3); /* Soft border using E03D50 with some transparency */
  box-shadow: 0 4px 10px rgba(224, 61, 80, 0.15); /* Shadow with E03D50 for subtle depth */
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* Full viewport height */
  width: 80%;
  margin: auto !important;
}

.container h1 {
  font-size: 1.75rem;
}

.container h3 {
  font-size: 1.5rem;
}

@media only screen and (max-width: 768px) {
  .container h1 {
    font-size: 1.75rem;
  }

  .container h3 {
    font-size: 1.25rem;
  }

  .container {
    max-width: 350px !important;
    padding: 20px 20px !important;
  }

  body {
    width: 100%;
  }
}

/* Media Query for Tablets and Larger Devices (iPad, Desktop) */
@media (min-width: 769px) and (max-width: 1024px) {
  .container h1 {
    font-size: 1.75rem;
  }

  .container h3 {
    font-size: 1.5rem;
  }
}