body {
        text-align: center;
    }

    h1 {
        font-size: 3.5rem;
        font-family: 'Lobster', cursive;
        color: rgb(63, 23, 63);
    }

    #rgb-code {
        font-size: 3rem;
        color: #fff;
        margin-top: 10rem;
        opacity: 0;
        transform: scale(0.5);
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

    #rgb-code.show {
        opacity: 1;
        transform: scale(1);
    }

    #button {
        font-size: 3rem;
        font-family: 'Poppins', sans-serif;
        color: white;
        background-color: black;
        padding: 15px 30px;
        cursor: pointer;
        border: none;
        outline: none;
        border-radius: 8rem;
        position: relative;
        overflow: hidden;
        transition: transform 0.3s ease;
    }

    #button:hover {
        transform: scale(1.1);
    }

    #button::before {
        content: "";
        position: absolute;
        top: -6px;
        left: -6px;
        right: -6px;
        bottom: -6px;
        background: linear-gradient(45deg, red, orange, yellow, green, cyan, blue, violet);
        border-radius: 12px;
        z-index: -1;
        filter: blur(8px);
        opacity: 0;
        transition: opacity 0.4s ease;
    }

    #button:active::before {
        opacity: 1;
    }