body {
  min-height: 100vh;
  overflow-x: hidden;
  background:
    linear-gradient(rgba(255, 250, 245, .9), rgba(255, 248, 243, .94)),
    url('/assets/biulog-watercolor.webp') center top / cover fixed no-repeat;
}

header {
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid rgba(234, 216, 202, .84);
  border-radius: 22px;
  background: rgba(255, 252, 248, .86);
  box-shadow: 0 14px 44px rgba(105, 75, 58, .09);
  backdrop-filter: blur(16px);
}

.language {
  flex-wrap: wrap;
  border-color: rgba(230, 202, 182, .8);
  background: rgba(255, 247, 240, .84);
}

.language button.active {
  background: #e99f91;
  box-shadow: 0 8px 18px rgba(217, 135, 120, .22);
}

.document {
  border-color: rgba(234, 216, 202, .9);
  border-radius: 36px;
  background: rgba(255, 253, 249, .94);
  box-shadow: 0 28px 80px rgba(105, 75, 58, .12);
}

h1,
h2 {
  color: #5b4d43;
}

h1 {
  hyphens: auto;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

h2 {
  padding-top: 8px;
  border-top: 1px solid rgba(234, 216, 202, .74);
}

p,
li {
  color: #806f64;
}

a {
  color: #b06e61;
}

@media (max-width: 640px) {
  header {
    margin-top: 10px;
  }

  .language button {
    min-width: calc(33.333% - 4px);
  }

  .document {
    border-radius: 26px;
  }

  h1 {
    font-size: 28px;
    overflow-wrap: normal;
    word-break: normal;
  }
}