44 lines
1.0 KiB
CSS
44 lines
1.0 KiB
CSS
@import "tailwindcss";
|
|
|
|
@theme {
|
|
--color-void: #060913;
|
|
--color-panel: #0c1222;
|
|
--color-blurple: #5865f2;
|
|
--color-blurple-soft: #8891ff;
|
|
--color-mint: #57f287;
|
|
--font-sans: var(--font-cascadia), ui-monospace, SFMono-Regular, monospace;
|
|
--font-mono: var(--font-cascadia), ui-monospace, SFMono-Regular, monospace;
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--color-void);
|
|
color: #e8ecf6;
|
|
font-family: var(--font-sans);
|
|
background-image:
|
|
radial-gradient(60rem 30rem at 80% -10%, rgba(88, 101, 242, 0.16), transparent 60%),
|
|
radial-gradient(50rem 26rem at 10% 0%, rgba(87, 242, 135, 0.07), transparent 60%);
|
|
background-attachment: fixed;
|
|
}
|
|
|
|
::selection {
|
|
background: rgba(88, 101, 242, 0.45);
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 10px;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background: var(--color-void);
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background: #232c47;
|
|
border-radius: 8px;
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: var(--color-blurple);
|
|
}
|