@font-face {
    font-family: 'Futura', sans-serif;
    src: url('../fonts/Futura.ttc');
    font-weight: normal;
    font-style: normal;
}
@layer utilities {
    .fc {
        @apply flex items-center;
    }
}
html {
    font-size: 16px;
    scroll-behavior: smooth;
    font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* 依据tailwind 设计原理，移动端样式优先 */
.my-container{
    padding-left: 24px ;
    padding-right:24px ;
}
.my-container .description{
    font-weight: 300;
}
@media (min-width: 0px) and (max-width: 799px) {
    html {
      font-size: 11px;
    }
  }
  @media (min-width: 800px) and (max-width: 1023px) {
    html {
      font-size: 12px;
    }
  }
  @media (min-width: 1024px) and (max-width: 1087px) {
    html {
      font-size: 13px;
    }
  }
  @media (min-width: 1080px) and (max-width: 1579px) {
    html {
      font-size: 14px;
    }
  }
  @media (min-width: 1580px) and (max-width: 1899px) {
    html {
      font-size: 15px;
    }
  }
  @media (min-width: 1900px) and (max-width: 2399px) {
    html {
      font-size: 16px;
    }
  }
  @media (min-width: 2400px) {
    html {
      font-size: 17px;
    }
  }