@font-face {
  font-family: "JF Open Huninn";
  src: url("../fonts/jf-openhuninn-2.1.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  background-color: #010615;
  background-image:
    linear-gradient(180deg,
    rgba(110, 83, 255, 0.11) 0%,
    rgba(44, 166, 224, 0.11) 19.71%,
      rgba(234, 83, 5, 0.11) 56.25%,
      rgba(247, 147, 30, 0.11) 83.65%,
      rgba(1, 5, 15, 0.11) 100%),
    url("../images/background.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%, 100% auto;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  min-height: 100vh;
  background: transparent;
  color: #fff;
  font-family: "JF Open Huninn", "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", sans-serif;
}