html {
  min-height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
}

body {
  min-height: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
  background: rgb(243, 251, 255);
  font-family: "Zoho Puvi", -apple-system, BlinkMacSystemFont, sans-serif;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

@font-face {
  font-family: "RusticRoadway";
  src: url("/assets/fonts/RusticRoadway.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Zoho Puvi";
  src: url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Eagle Horizon";
  src: url("/assets/fonts/EagleHorizon.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


/* =========================================================
   DEEGENEX GLOBAL CUSTOM SCROLLBAR
   ========================================================= */

/* Firefox */
html {
  scrollbar-width: thin;
  scrollbar-color: #19c8ff #050914;
}


/* Chrome / Edge / Safari */
html::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}


/* Scrollbar Track */
html::-webkit-scrollbar-track {
  background: #050914;
}


/* Scrollbar Thumb */
html::-webkit-scrollbar-thumb {
  background: linear-gradient(
    180deg,
    #00d9ff 0%,
    #168cff 50%,
    #635bff 100%
  );

  border-radius: 20px;

  border: 2px solid #050914;

  box-shadow:
    0 0 8px rgba(0, 217, 255, 0.45);

  transition:
    background 0.3s ease,
    box-shadow 0.3s ease;
}


/* Hover */
html::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(
    180deg,
    #38e8ff 0%,
    #269dff 50%,
    #746cff 100%
  );

  box-shadow:
    0 0 8px rgba(0, 217, 255, 0.7),
    0 0 18px rgba(37, 99, 235, 0.45);
}

a{text-decoration: none;}
/* Active / Dragging */
html::-webkit-scrollbar-thumb:active {
  background: linear-gradient(
    180deg,
    #00f0ff,
    #008cff
  );

  box-shadow:
    0 0 12px rgba(0, 217, 255, 0.9);
}


/* Scrollbar Corner */
html::-webkit-scrollbar-corner {
  background: #050914;
}