/* Existing styles remain the same */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        /* Add theme-specific styles */
        html {
            overflow-x: hidden;
            /* Remove the static filter, we'll control it via class */
            transition: filter 0.3s ease;
        }

        /* Light mode styles */
        html.light-mode {
            filter: invert(1);
        }

        /* Dark mode styles */
        html.dark-mode {
            filter: invert(0);
        }

        /* Make the logo clickable */
        #logo {
            max-height: 25vw;
            max-width: 50vw;
            cursor: pointer;
            transition: transform 0.3s ease;
        }

        #logo:hover {
            transform: scale(1.05);
        }