* {
  font-family: IRANSansX;
}

body {
  background: linear-gradient(
      rgba(255, 255, 255, 0.5),
      rgba(255, 255, 255, 0.5)
    ),
    url("./assets/images/background_pattern.webp");
  background-size: 400px 400px;
  background-repeat: repeat;
  background-blend-mode: overlay;
  background-position: top left;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Remove spinner controls in Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 100;
  src: url("/assets/fonts/Woff/IRANSansXFaNum-Thin.woff") format("woff"),
    url("/assets/fonts/Woff2/IRANSansXFaNum-Thin.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 200;
  src: url("/assets/fonts/Woff/IRANSansXFaNum-UltraLight.woff") format("woff"),
    url("/assets/fonts/Woff2/IRANSansXFaNum-UltraLight.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/Woff/IRANSansXFaNum-Light.woff") format("woff"),
    url("/assets/fonts/Woff2/IRANSansXFaNum-Light.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/Woff/IRANSansXFaNum-Medium.woff") format("woff"),
    url("/assets/fonts/Woff2/IRANSansXFaNum-Medium.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 600;
  src: url("/assets/fonts/Woff/IRANSansXFaNum-DemiBold.woff") format("woff"),
    url("/assets/fonts/Woff2/IRANSansXFaNum-DemiBold.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 800;
  src: url("/assets/fonts/Woff/IRANSansXFaNum-ExtraBold.woff") format("woff"),
    url("/assets/fonts/Woff2/IRANSansXFaNum-ExtraBold.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 900;
  src: url("/assets/fonts/woff/IRANSansXFaNum-Black.woff") format("woff"),
    url("/assets/fonts/woff2/IRANSansXFaNum-Black.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 950;
  src: url("/assets/fonts/Woff/IRANSansXFaNum-ExtraBlack.woff") format("woff"),
    url("/assets/fonts/Woff2/IRANSansXFaNum-ExtraBlack.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 1000;
  src: url("/assets/fonts/Woff/IRANSansXFaNum-Heavy.woff") format("woff"),
    url("/assets/fonts/Woff2/IRANSansXFaNum-Heavy.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: bold;
  src: url("/assets/fonts/Woff/IRANSansXFaNum-Bold.woff") format("woff"),
    url("/assets/fonts/Woff2/IRANSansXFaNum-Bold.woff2") format("woff2");
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: normal;
  src: url("/assets/fonts/Woff/IRANSansXFaNum-Regular.woff") format("woff"),
    url("/assets/fonts/Woff2/IRANSansXFaNum-Regular.woff2") format("woff2");
}