@font-face {
  font-family: PatuaOne;
  src: url(PatuaOne-Regular.ttf);
}

@font-face {
  font-family: Lato;
  src: url(Lato-Regular.ttf);
}

:root {
  --hdr-gradient: linear-gradient(
    to bottom right in oklab,
    oklch(95% 0.15 75), oklch(70% 0.45 75)
  );
}

html {
  min-height: 100%;
  background: var(--hdr-gradient);
  background-repeat: no-repeat;
  background-size: cover;
  font-family: Lato;
}

div.content {
  background-color: #fff;
  margin: 64px 15% 0px 15%;
  padding: 64px;
  border-radius: 32px;
  font-size: 18px;
}

div.footer {
  margin: 32px 15% 32px 15%;
  text-align:right;
}

h1, h2 {
  font-family: PatuaOne;
  font-weight: normal;
}

a {
  color: #111;
}