@font-face {
  font-family: "Bubble";
  src: url("../fonts/Bubble-subset.woff2") format("woff2");
  font-display: swap;
}

.brand-title {
  margin: 0;
  font-family: "Bubble", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: clamp(32px, 10vw, 76px);
  line-height: 1.15;
  color: #ffb4d2;
  -webkit-text-stroke: 2px #5b5263;
  text-shadow: 5px 5px 0 #bfe7ff;
  overflow-wrap: break-word;
}

@media (max-width: 600px) {
  .brand-title {
    -webkit-text-stroke: 1.5px #5b5263;
    text-shadow: 3px 3px 0 #bfe7ff;
  }
}