@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap");
@import url("https://gistcdn.githack.com/mfd/09b70eb47474836f25a21660282ce0fd/raw/e06a670afcb2b861ed2ac4a1ef752d062ef6b46b/Gilroy.css");

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

body {
  font-family: "Inter", sans-serif;
  background-color: #14161f;
}

.font-gilroy {
  font-family: "Gilroy", sans-serif;
}

.text-gradient {
  background: linear-gradient(87deg, #798fff 15%, #d375ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bg-gradient {
  background: linear-gradient(87deg, #798fff 15%, #d375ff 100%);
}

.border-gradient {
  position: relative;
  background: linear-gradient(87deg, #798fff 15%, #d375ff 100%);
}

.border-gradient::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: #14161f;
  border-radius: 9999px;
}

/* Scrollbar */

*::-webkit-scrollbar {
  width: 4px;
}

*::-webkit-scrollbar-thumb {
  background-color: #798fff;
  /* border: 3.5px solid transparent; */
  border-radius: 4px;
}

*::-webkit-scrollbar-thumb:hover {
  border-width: 2px;
}