/* style.css */
.bg-gradient-purple {
  background-image: linear-gradient(45deg, #8b5cf6, #c4b5fd);
}
.bg-gradient-pink {
  background-image: linear-gradient(45deg, #ec4899, #fbcfe8);
}
.bg-gradient-blue {
  background-image: linear-gradient(45deg, #3b82f6, #93c5fd);
}
.bg-gradient-green {
  background-image: linear-gradient(45deg, #22c55e, #bbf7d0);
}
.bg-gradient-orange {
  background-image: linear-gradient(45deg, #f97316, #fed7aa);
}
.bg-gradient-teal {
  background-image: linear-gradient(45deg, #14b8a6, #99f6e4);
}

@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

html {
  font-family: "Inter", sans-serif; /* default for body */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif; /* override for headings */
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-hide {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/* HTML: <div class="loader"></div> */
.loader {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid;
  border-color: #000 #0000;
  animation: l1 1s infinite;
}
@keyframes l1 {
  to {
    transform: rotate(0.5turn);
  }
}