* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
  background: #ffffff;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: clamp(12px, 3vw, 32px);
  background: #ffffff;
}

.hero-image {
  display: block;
  width: min(100%, 509px);
  height: auto;
}