html {
  scroll-behavior: smooth;
}



@font-face {
  font-family: 'Priestacy';
  src: url('/Font/Priestacy.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Adzan';
  src: url('/Font/AdzanSubuhDemoRegular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Orbitron';
  src: url('/Font/Orbitron-VariableFont_wght.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.logoFont {
  font-family: 'Priestacy', sans-serif;
}

.orbitronFont {
  font-family: 'Orbitron', sans-serif;
}

.HeadingFont {
  font-family: 'Adzan', sans-serif;
}




/* second section scroll bar design  */
  .writing-vertical {
    writing-mode: vertical-rl;
    text-orientation: upright;
  }

  .custom-scroll {
    scrollbar-color: #D1C4A8 black;
    scrollbar-width: thin; /* still applies for Firefox */
  }

  .custom-scroll::-webkit-scrollbar {
    height: 16px; /* doubled from 8px */
  }

  .custom-scroll::-webkit-scrollbar-track {
    background: black;
    border-radius: 10px;
    margin-left: 10px; /* shifts scrollbar right */
  }

  .custom-scroll::-webkit-scrollbar-thumb {
    background-color: white;
    border-radius: 10px;
    margin-left: 10px; /* helps match track margin */
  }