personalization-demo {
  aspect-ratio: 0.75;
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  max-height: 100vh;
  transform: translateX(-50%);
  font-family: 'Paravel', sans-serif;
  text-align: center;
}

personalization-demo[type='hand-paint'] text {
  text-shadow: rgb(255 255 255) -1.5px 1.5px 0px;
}

personalization-demo[type='hand-paint'] text.text-color--white {
  text-shadow: rgb(0 0 0) -1.5px 1.5px 0px;
}

personalization-demo[type='stephanie-fishwick'] {
  font-family: 'Fishwick', sans-serif;
}

personalization-demo svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

personalization-demo text {
  fill: currentColor;
  alignment-baseline: central;
}