@tailwind base;
@tailwind components;
@tailwind utilities;



/* font family */
@font-face {
  font-family: "PP Monument Extended";
  src: url("../fonts/PPMonumentExtended-Regular.woff2") format("woff2"),
    url("../fonts/PPMonumentExtended-Regular.woff") format("woff"),
    url("../fonts/PPMonumentExtended-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PP Monument Extended";
  src: url("../fonts/PPMonumentExtended-Black.woff2") format("woff2"),
    url("../fonts/PPMonumentExtended-Black.woff") format("woff"),
    url("../fonts/PPMonumentExtended-Black.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PP Monument Extended";
  src: url("../fonts/PPMonumentExtended-Light.woff2") format("woff2"),
    url("../fonts/PPMonumentExtended-Light.woff") format("woff"),
    url("../fonts/PPMonumentExtended-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

.slider-title {
	font-family: "PP Monument Extended";
}

 .side-shadow {
    @apply pointer-events-none absolute   w-[10%] from-black dark:from-gray-950 min-w-10 min-h-96;
  }