@font-face {
  font-family: "tanha";
  src: url("../fonts/Tanha.eot");
  src: url("../fonts/Tanha.eot") format("embedded-opentype"),
    url("../fonts/Tanha.woff2") format("woff2"),
    url("../fonts/Tanha.woff") format("woff"),
    url("../fonts/Tanha.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "vazir";
  src: url("../fonts/Vazir.eot");
  src: url("../fonts/Vazir.eot") format("embedded-opentype"),
    url("../fonts/Vazir.woff2") format("woff2"),
    url("../fonts/Vazir.woff") format("woff"),
    url("../fonts/Vazir.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

* {
  font-family:  "vazir";
}

/* body {
  background-color: #e9e9e9;
} */

/* css for block js in browser */
noscript {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 35px;
  font-family: "tanha", "vazir";
}

noscript span {
  transform: rotate(-90deg);
}

.tabAnim {
  z-index: -9;
}

/* css for calor background */
#option1:checked ~ div {
  --tw-translate-x: -100%;
}

#option0:checked ~ div {
  --tw-translate-x: 0%;
}

:root {
  --animate-delay: 0.25s;
  --animate-delay: 0.5s;
  --animate-delay: 0.75s;
}