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

.bg-faq {
  background-color: #f0f0f0;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: 'Outfit', sans-serif;
}

.font-rift {
  font-family: 'Rift', sans-serif;
}

.list-circle {
  list-style-type: circle;
}

.font-outfit {
  font-family: 'Outfit', sans-serif;
}

@keyframes rotate360 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.rotate-360 {
  animation: rotate360 1s linear;
}

.text-gradient {
  background-image: linear-gradient(to right, #554597, #9A91BF);
}

.more-button {
  background-image: linear-gradient(to right, #32285A, #6C56C0);
}

.more-button:hover {
  transform: scale(107%);
  transition: all 0.1s linear;
}

.orderbutton {
  color: #554597;
}

.button-color {
  background-image: linear-gradient(to right, #147940, #7db742);
}

.orderbutton:hover {
  background-image: linear-gradient(to right, #147940, #7db742);
  color: white;
  border-width: 0;
}

.orderbutton:hover {
  background-image: linear-gradient(to right, #554597, #9A91BF);
  color: white;
  border-width: 0;
  transform: scale(107%);
  transition: all 0.1s linear;
  border: none;
}

.Fa-questions {
  background-color: #eae7f7;
  width: 100%;
}

.question-bold {
  font-weight: 600;

}

.question-medium {
  font-weight: 500;

}

.question-light {
  font-weight: 400;
}

@media (max-width: 767px) {
  #products .flex.flex-row.gap-2.mt-10 {
    justify-content: center;
  }

  nav ul {
    font-size: 14px;
  }
}

@media (min-width: 769px) {
  nav ul {
    font-size: 18px;
  }
}