@font-face {
    font-family: 'CustomNotoNastaliqFont';
    src: url('./font/NotoNastaliqUrdu-Regular.woff2') format('woff2'),
         url('./font/NotoNastaliqUrdu-Regular.woff') format('woff'),
         url('./font/NotoNastaliqUrdu-VariableFont_wght.ttf') format('truetype'),
         url('./font/NotoNastaliqUrdu-Regular.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
  }

*, body {
  font-family: "Noto Nastaliq Urdu", serif;
}

.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 95vh;
}

.title {
  text-align: center;
  margin-top: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.loader {
  width: 100px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #6e9020 94%, #0000) top/13px 13px
      no-repeat,
    conic-gradient(#0000 10%, #afd252);
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 13px), #000 0);
  animation: l13 1s infinite linear;
}
@keyframes l13 {
  100% {
    transform: rotate(1turn);
  }
}