59 lines
1.2 KiB
CSS
59 lines
1.2 KiB
CSS
@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;
|
|
}
|