* {
  font-family: "Poppins", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.font-arab {
  font-family: "Amiri Quran", serif;
  font-weight: 400;
  font-style: normal;
}

.initial {
  font-size: 9rem;
}
@font-face {
  font-family: "Brown Sugar";
  src: url("../fonts/Brown-Sugar.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Great Vibes";
  src: url("../fonts/GreatVibes-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}


.great-vibes{

  font-family: "Great Vibes", sans-serif;
}
.font-brown {
  font-family: "Brown Sugar", sans-serif;
}

#home {
  background: linear-gradient(
      0deg,
      rgba(33, 32, 33, 0.8),
      rgba(239, 236, 236, 0)
    ),
    url("../images/bg-home.jpg");
  background-size: cover;
  background-position: center;
}

.float-labels {
  transition-property: top, font-size, line-height;
  transition-duration: 150ms;
  pointer-events: none;
  transition-timing-function: linear;
}

.min-h-screen-minus-16 {
  min-height: calc(100vh - 4rem);
}