/* Base styles */
        body {
            background-color: black;
            color: white;
            font-family: system-ui, -apple-system, sans-serif;
        }

        /* Selection color */
        ::selection {
            background-color: #8b5cf6; /* violet-500 */
            color: white;
        }

        /* Reveal Animation Base State */
        .reveal {
            opacity: 0;
            transform: translateY(3rem); /* translate-y-12 equivalent */
            transition: all 1000ms ease-out;
        }

        /* Reveal Animation Active State */
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Custom scrollbar for webkit */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #000;
        }
        ::-webkit-scrollbar-thumb {
            background: #333;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #8b5cf6;
        }
        .logo{
            height: 6.5rem;
            width: 6.5rem;
            margin-top: -0.8rem;
        }
        #navbar{
        padding-top: 1rem;
        padding-bottom: 0.1rem;
        }

        @media (max-width: 768px) {
    .logo {
        height: 5rem; /* Adjust this value as needed for mobile */
        width: 5rem;  /* Adjust this value as needed for mobile */
        margin-top: 8px; /* Reset margin for better alignment */
    }
    #navbar{
        padding-top: 0.3rem;
        padding-bottom: 0.2rem;
    }
    #home{
        padding-top: 4rem;
    }
}