@font-face {
  font-family: "ShantellSans_dynamic";
  src: url("./fonts/ShantellSans[BNCE\,INFM\,SPAC\,ital\,wght].woff2") format("woff2");
  font-weight: 300 900;
  font-style: oblique 0deg 10deg;
}

.super-dynamic-text {
  font-family: "ShantellSans_dynamic";
  font-variation-settings: 'wght' 700, 'ital' 15, 'BNCE' 100, 'SPAC' 150;
}

.animated-text {
  font-family: "ShantellSans_dynamic";
  font-variation-settings: 'wght' 300, 'SPAC' 0;
  transition: font-variation-settings 0.5s ease-in-out;
}

.animated-text:hover {
  /* 鼠标悬停时，粗细和间距平滑变化 */
  font-variation-settings: 'wght' 800, 'SPAC' 150;
}

@font-face {
  font-family: "ShantellSans_static_regular";
  src: url("./fonts/Shantell_Sans-Normal-Regular.woff2") format("woff2");
  font-weight: 400; 
  font-style: normal;
}
.static-text {
  font-family: "ShantellSans_static_regular";
  color: #333;
}
.static-text-1 {
  font-family: "ShantellSans_static_regular";
  letter-spacing: -3px;
}
@font-face {
  font-family: "Aribal_black";
  src: url("./fonts/ariblk.ttf") format("ttf");
  font-weight: 400;
 font-style: normal;
}
.static-text-2 {
  font-family: "Aribal_black";
   color: #333;
}