@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap');

p {
  margin-block-start: 0;
  margin-block-end: 0;
}

* {
  font-family: "Arimo", sans-serif;
  /* outline: 1px solid red; */
}

body {
  max-width: 640px;
  margin: 0 auto;
}

h1 {
  margin-block-start: 0;
  margin-block-end: 0;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

model-viewer {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
}

.ar-button {
  position: absolute;
  bottom: 8px;
  right: 8px;
  color: blue;
  border: 1px solid blue;
  background-color: white;
  text-decoration: underline;
  padding-block: 0;
  padding-inline: 0;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

/* ---- */

.mb-2 {
  margin-bottom: 0.5rem; /* 8px */
}

.mt-16 {
  margin-top: 4rem; /* 64px */
}

.px-2 {
  padding-left: 0.5rem; /* 8px */
  padding-right: 0.5rem; /* 8px */
}

.text-base {
  font-size: 1rem; /* 16px */
  line-height: 1.5rem; /* 24px */
}