.rainbow-text {
    font-size: inherit;
    /* Keep the text size flexible */
    font-weight: bold;
    /* Adjust text weight as needed */
    background: linear-gradient(90deg,
            #ff7575,
            #ffb52b,
            #ffff35,
            #76ff76,
            #5a5aff,
            #a333f3,
            #ff9eff,
            #ff7575);
    /* Full rainbow colors */
    background-size: 200%;
    /* Expand for smooth animation */
    background-clip: text;
    -webkit-background-clip: text;
    /* For WebKit browsers */
    -webkit-text-fill-color: transparent;
    /* Make text transparent to show background */
    animation: rainbow-wave 3s linear infinite;
    /* Infinite looping animation */
}

@keyframes rainbow-wave {
    0% {
        background-position: 0% 50%;
        /* Start position */
    }

    100% {
        background-position: 200% 50%;
        /* End position */
    }
}



/* Scroll Bar */
*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: none;
}

*::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-button {
    width: 8px;
    height: 8px;
    background: silver;
    box-shadow: inset 1px 1px #dfdfdf, inset -1px -1px gray;
    border: 1px solid;
    border-color: silver #000 #000 silver;
}

*::-webkit-scrollbar-track {
    image-rendering: optimizeSpeed;
    image-rendering: pixelated;
    image-rendering: optimize-contrast;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAyIDIiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyI+CjxtZXRhZGF0YT5NYWRlIHdpdGggUGl4ZWxzIHRvIFN2ZyBodHRwczovL2NvZGVwZW4uaW8vc2hzaGF3L3Blbi9YYnh2Tmo8L21ldGFkYXRhPgo8cGF0aCBzdHJva2U9IiNjMGMwYzAiIGQ9Ik0wIDBoMU0xIDFoMSIgLz4KPC9zdmc+");
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 2px;
}

*::-webkit-scrollbar-button {
    background-repeat: no-repeat;
    background-size: 8px;
}

*::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTcgNWgxTTYgNmgzTTUgN2g1TTQgOGg3IiAvPgo8L3N2Zz4=");
}

*::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTQgNWg3TTUgNmg1TTYgN2gzTTcgOGgxIiAvPgo8L3N2Zz4=");
}

*::-webkit-scrollbar-button:single-button:horizontal:decrement {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTggM2gxTTcgNGgyTTYgNWgzTTUgNmg0TTYgN2gzTTcgOGgyTTggOWgxIiAvPgo8L3N2Zz4=");
}

*::-webkit-scrollbar-button:single-button:horizontal:increment {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTYgM2gxTTYgNGgyTTYgNWgzTTYgNmg0TTYgN2gzTTYgOGgyTTYgOWgxIiAvPgo8L3N2Zz4=");
}

*::-webkit-scrollbar-corner {
    background: silver;
}



/* Button 98 */

.button-98 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    margin: 0;
    border: 4px solid var(--panel-color, rgb(255, 255, 255));
    border-top-color: white; /* Top bevel */
    border-left-color: white; /* Left bevel */
    border-bottom-color: #404040; /* Bottom bevel */
    border-right-color: #404040; /* Right bevel */
    border-radius: 0; /* Windows 98 buttons have sharp edges */
    box-sizing: border-box;

    font-size: 14px;
    font-family: "Microsoft Sans Serif", sans-serif;
    text-align: center;
    text-decoration: none;
    cursor: pointer;

    color: black; /* Default button text color */
    background: #C0C0C0; /* Classic Windows button color */
    outline: none;
    transition: filter 0.1s ease-in-out, background 0.1s ease-in-out;
}

.button-98:hover {
    background: #D0D0D0; /* Lighter gray for hover */
}

.button-98:active {
    border-top-color: #404040; /* Reverse bevel effect */
    border-left-color: #404040;
    border-bottom-color: white;
    border-right-color: white;
    background: #A0A0A0; /* Darker gray for pressed state */
}

.button-98:focus {
    outline: 2px dotted black; /* Windows 98 focus effect */
}