@layer base{:root{--color-sandstone: #f2eee4;--color-carbon: #0f0f0f;--color-prismPink: #f232a5;--color-prismBlue: #00bbf9;--color-prismTeal: #00f5d4}html{scroll-behavior:smooth}body{background-color:var(--color-sandstone);color:var(--color-carbon);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--color-prismPink),var(--color-prismBlue),var(--color-prismTeal));border:1px solid #000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,var(--color-prismTeal),var(--color-prismBlue),var(--color-prismPink))}}