@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=Space+Grotesk:wght@300;400;500;700&display=swap');

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #050505;
}

::-webkit-scrollbar-thumb {
    background: #CCFF00;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
    background: #8A2BE2;
}

/* Custom Cursor Styles for a creative agency feel could be added here in a real project using JS */