@font-face {
  font-family: "montserrat";
  src: url("{{ url_for('static', filename='assets/fonts/montserrat/Montserrat-Arabic-Light.ttf') }}")
    format("truetype");
  font-weight: normal;
  font-style: normal;
}
* {
  -ms-overflow-style: none; /* IE & Edge */
  scrollbar-width: none; /* Firefox */
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE/Edge */
  user-select: none; /* Modern browsers */
}

*::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
html,
body {
  font-family: "montserrat", sans-serif;
}
/* BIRD LOADER ANIMATIONS */
#loader {
  position: fixed;
  inset: 0;
  background-color: var(--color-gunmetal);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: opacity 0.5s ease;
}

.bird {
  width: 100px;
  height: 100px;
  animation: fly 2s ease-in-out infinite alternate;
}

.wing-left {
  transform-origin: center right;
  animation: flap-left 0.5s ease-in-out infinite alternate;
}

.wing-right {
  transform-origin: center left;
  animation: flap-right 0.5s ease-in-out infinite alternate;
}

@keyframes flap-left {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(40deg);
  }
}

@keyframes flap-right {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-40deg);
  }
}

@keyframes fly {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-20px);
  }
}