html {
  font-size: min(4vw, min(4vh, 16px));
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  user-select: none;
}
video,
img {
  width: 100%;
  object-fit: cover;
}
html {
  background: url(../assets/images/backgrounds/home.avif);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  isolation: isolate;
}
html::before {
  content: attr(data-page-title);
  position: fixed;
  font-size: 3em;
  color: white;
  font-weight: 700;
  text-shadow: 0px 0px 2px black, 0px 0px 3px black, 0px 0px 4px black,
    0px 0px 5px black, 0px 0px 6px black, 0px 0px 7px black, 0px 0px 8px black,
    0px 0px 9px black, 0px 0px 10px black, 0px 0px 11px black,
    0px 0px 12px black, 0px 0px 13px black;
  top: calc(calc(100% - 2.45rem) / 4 + 1.225rem);
  right: 20px;
  transform: translateY(-50%);
  z-index: -1;
}
body {
  background: white;
  margin-top: 50vh;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  box-shadow: 0px 0px 10px black;
}
p {
  text-align: justify;
}