body {
  font-family: 'Montserrat', sans-serif;
  min-height: 100vh;
  background: rgba(243,209,172,1);
  display: flex;
  flex-direction: column;
}

.gradient {
  background: linear-gradient(225deg, rgba(243,209,172,1) 0%, rgba(245,222,214,1) 50%, rgba(154,194,230,1) 100%);
}

header {
  padding: 2rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: calc(100vh - 11rem - 180px);
}

.container h1, .container p {
  word-break: keep-all;
  width: 100%;
  color: rgb(33, 37, 41);
}

.container h1 {
  font-size: clamp(3.11rem, calc(2.26rem + 4.25vw), 7.37rem);
  font-weight: 600;
  max-width: 30ch;
}

.container p {
  font-size: clamp(1.5rem, calc(1.33rem + 0.83vw), 2.33rem);
  max-width: 70ch;
  line-height: 1.5;
}

footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem 0 3rem 0;
}

.social {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 1.5rem;
}

.social-link svg {
  stroke: #000000;
  stroke-width: 1.2px;
  stroke-linejoin: round;
}

.copyright {
  color: rgb(136, 136, 136);
  margin: 2rem 0 0 0;
}