@import url('https://fonts.googleapis.com/css2?family=Changa:wght@200&display=swap');
@font-face {
  font-family: 'Adobe Arabic';
  src: url('/static/fonts/22016-adobearabic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SF Mada';
  src: url('/static/fonts/SF_mada_Normal.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SF Mada';
  src: url('/static/fonts/SF_mada_Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}


html {
  background-color: #0c0c0c;
  
}

body {
  min-height: 100vh !important;
  overflow: auto;
  z-index: 0;
}

body * {
  color: #fff !important;
  font-family: 'SF Mada', sans-serif !important;
  font-weight: normal;
}
.fa, .fa-brands {
  font-family: "Font Awesome 6 Brands" !important;
}
.fa-classic, .fa-light, .fa-regular, .fa-solid, .fa-this, .fa-thin, .fal, .far, .fas, .fat {
  font-family: 'Font Awesome 6 Pro' !important; 
}


body {
  /* background-image: url('/static/img/texture.png') !important;
  background-repeat: repeat-y !important; 
  background-position: top center !important;
  background-size: auto !important;  */

  max-width: 1440px !important;
  margin: auto !important;
  /* background-color: transparent !important; */
  background-color: #000 !important;
  font-family: 'Changa' !important;
  display: flex;
  flex-direction: column;
}

#bodycontainer {
  flex-basis: auto;
  display: flex;
  flex-direction: column;
  /* padding: 3dvh 0 1dvh 0; */
  flex-grow: 1;
  height: 100% !important;
}

.carousel-indicators>button {
  color: #222021;
}

/* @media screen and (max-width: 768px) {
  #bodycontainer {
    overflow-x: hidden !important;
    overscroll-behavior: none !important;

  }

} */