@font-face {
  font-family: "Vazirmatn";
  src: url("/public/fonts/Vazirmatn-UI-FD-Thin.woff2");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("/public/fonts/Vazirmatn-UI-FD-ExtraLight.woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("/public/fonts/Vazirmatn-UI-FD-Light.woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("/public/fonts/Vazirmatn-UI-FD-Regular.woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("/public/fonts/Vazirmatn-UI-FD-Medium.woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("/public/fonts/Vazirmatn-UI-FD-SemiBold.woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("/public/fonts/Vazirmatn-UI-FD-Bold.woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("/public/fonts/Vazirmatn-UI-FD-ExtraBold.woff2");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("/public/fonts/Vazirmatn-UI-FD-Black.woff2");
  font-weight: 900;
  font-style: normal;
}

.loader{
  background-color: white;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
  font-family: "Vazirmatn", sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.copy-right {
  position: absolute;
  bottom: 5px;
  width: 100%;
  right: 0;
  margin: 0;
  text-align: center;
  font-size: 14px;
  z-index: 0;
}