@charset "UTF-8";
/* CSS Document */




#myHeading00{

}



#myHeading10{

}


#myHeading20{
    
}


#myHeading30{
   
}


#myHeading40{
    
}


#myHeading11, #myHeading12, #myHeading13, #myHeading14, #myHeading15, #myHeading16,
#myHeading21, #myHeading22, #myHeading23, #myHeading24, #myHeading25, #myHeading26,
#myHeading31, #myHeading32, #myHeading33, #myHeading34, #myHeading35, #myHeading36,
#myHeading41, #myHeading42, #myHeading43, #myHeading44, #myHeading45, #myHeading46,
#myHeading51, #myHeading52, #myHeading53, #myHeading54, #myHeading55, #myHeading56,
#myHeading61, #myHeading62, #myHeading63, #myHeading64, #myHeading65, #myHeading66,
#myHeading71, #myHeading72, #myHeading73, #myHeading74, #myHeading75, #myHeading76,
#myHeading81, #myHeading82, #myHeading83, #myHeading84, #myHeading85, #myHeading86,
#myHeading91, #myHeading92, #myHeading93, #myHeading94, #myHeading95, #myHeading96{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}


div#myHeading11:before, div#myHeading12:before, div#myHeading13:before, div#myHeading14:before, div#myHeading15:before, div#myHeading16:before, div#myHeading21:before, div#myHeading22:before, div#myHeading23:before, div#myHeading24:before, div#myHeading25:before, div#myHeading26:before, div#myHeading31:before, div#myHeading32:before, div#myHeading33:before, div#myHeading34:before, div#myHeading35:before, div#myHeading36:before, div#myHeading41:before, div#myHeading42:before, div#myHeading43:before, div#myHeading44:before, div#myHeading45:before, div#myHeading46:before, div#myHeading51:before, div#myHeading52:before, div#myHeading53:before, div#myHeading54:before, div#myHeading55:before, div#myHeading56:before, div#myHeading61:before, div#myHeading62:before, div#myHeading63:before, div#myHeading64:before, div#myHeading65:before, div#myHeading66:before, div#myHeading71:before, div#myHeading72:before, div#myHeading73:before, div#myHeading74:before, div#myHeading75:before, div#myHeading76:before, div#myHeading81:before, div#myHeading82:before, div#myHeading83:before, div#myHeading84:before, div#myHeading85:before, div#myHeading86:before, div#myHeading91:before, div#myHeading92:before, div#myHeading93:before, div#myHeading94:before, div#myHeading95:before, div#myHeading96:before, div#myHeading00:before {
    content: " (ID: "attr(id) ")";
}



#myHeading70, #myHeading80, #myHeading90, #myHeading00, #myHeading60, #myHeading50, #myHeading40, #myHeading10, #myHeading20, #myHeading30{
border-bottom: 5px solid red;   
    
}


#myHeading70 h2, #myHeading80 h2, #myHeading90 h2, #myHeading60 h2, #myHeading50 h2, #myHeading00 h2, #myHeading40 h2, #myHeading10 h2, #myHeading20 h2, #myHeading30 h2{
    font-size: 32px;
    font-weight: 200;
    width: fit-content;
}

#myHeading70 h3, #myHeading80 h3, #myHeading90 h3, #myHeading60 h3, #myHeading50 h3, #myHeading00 h3, #myHeading40 h3, #myHeading10 h3, #myHeading20 h3, #myHeading30 h3{
    font-size: 50px;
    font-weight: 900;
    width: fit-content;
}


#myHeading70 h1:before, #myHeading80 h1:before, #myHeading90 h1:before, #myHeading60 h1:before, #myHeading50 h1:before, #myHeading00 h1:before, #myHeading40 h1:before, #myHeading10 h1:before, #myHeading20 h1:before, #myHeading30 h1:before,
#myHeading70 h1:after, #myHeading80 h1:after, #myHeading90 h1:after, #myHeading60 h1:after, #myHeading50 h1:after, #myHeading00 h1:after, #myHeading40 h1:after, #myHeading10 h1:after, #myHeading20 h1:after, #myHeading30 h1:after{
    font-size: 22px;
    padding: 0;
    margin: 80px;
    font-weight: 900;
}

#myHeading70 i, #myHeading80 i, #myHeading90 i, #myHeading60 i, #myHeading50 i, #myHeading00 i, #myHeading40 i, #myHeading10 i, #myHeading20 i, #myHeading30 i{
    font-size: 50px;
    padding: 0;
    margin: 10px;
}


#myHeadx01 i,#myHeadx01 h2, #myHeadx01 h3{
    background: linear-gradient(135deg, var(--ColorX22) 0%, var(--ColorX24) 100%);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;    
}


#myHeadx02 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX15) 0%, var(--ColorX14) 50%, var(--ColorX12) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}


/*
                                                                                                1x
*/





#myHeading11 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX11) 0%, var(--ColorX12) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX11";
        color: var(--ColorX11);
    }
    h1:after {
        color: var(--ColorX12);
        content: "--ColorX12";
    }
}
#myHeading12 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX12) 0%, var(--ColorX13) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX12";
        color: var(--ColorX12);
    }
    h1:after {
        color: var(--ColorX13);
        content: "--ColorX13";
    }
}
#myHeading13 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX13) 0%, var(--ColorX14) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX13";
        color: var(--ColorX13);
    }
    h1:after {
        color: var(--ColorX14);
        content: "--ColorX14";
    }
}
#myHeading14 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX14) 0%, var(--ColorX15) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX14";
        color: var(--ColorX14);
    }
    h1:after {
        color: var(--ColorX15);
        content: "--ColorX15";
    }
}
#myHeading15 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX15) 0%, var(--ColorX16) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX15";
        color: var(--ColorX15);
    }
    h1:after {
        color: var(--ColorX16);
        content: "--ColorX16";
    }
}
#myHeading16 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX16) 0%, var(--ColorX11) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX16";
        color: var(--ColorX16);
    }
    h1:after {
        color: var(--ColorX11);
        content: "--ColorX11";
    }
}
#myHeading21 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX11) 0%, var(--ColorX13) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX11";
        color: var(--ColorX11);
    }
    h1:after {
        color: var(--ColorX13);
        content: "--ColorX13";
    }
}
#myHeading22 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX12) 0%, var(--ColorX14) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX12";
        color: var(--ColorX12);
    }
    h1:after {
        color: var(--ColorX14);
        content: "--ColorX14";
    }
}
#myHeading23 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX13) 0%, var(--ColorX15) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX13";
        color: var(--ColorX13);
    }
    h1:after {
        color: var(--ColorX15);
        content: "--ColorX15";
    }
}
#myHeading24 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX14) 0%, var(--ColorX16) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX14";
        color: var(--ColorX14);
    }
    h1:after {
        color: var(--ColorX16);
        content: "--ColorX16";
    }
}
#myHeading25 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX15) 0%, var(--ColorX11) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX15";
        color: var(--ColorX15);
    }
    h1:after {
        color: var(--ColorX11);
        content: "--ColorX11";
    }
}
#myHeading26 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX16) 0%, var(--ColorX12) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX16";
        color: var(--ColorX16);
    }
    h1:after {
        color: var(--ColorX12);
        content: "--ColorX12";
    }
}


#myHeading31 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX11) 0%, var(--ColorX14) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX11";
        color: var(--ColorX11);
    }
    h1:after {
        color: var(--ColorX14);
        content: "--ColorX14";
    }
}
#myHeading32 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX12) 0%, var(--ColorX15) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX12";
        color: var(--ColorX12);
    }
    h1:after {
        color: var(--ColorX15);
        content: "--ColorX15";
    }
}
#myHeading33 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX13) 0%, var(--ColorX16) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX13";
        color: var(--ColorX13);
    }
    h1:after {
        color: var(--ColorX16);
        content: "--ColorX16";
    }
}
#myHeading34 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX14) 0%, var(--ColorX11) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX14";
        color: var(--ColorX14);
    }
    h1:after {
        color: var(--ColorX11);
        content: "--ColorX11";
    }
}
#myHeading35 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX15) 0%, var(--ColorX12) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX15";
        color: var(--ColorX15);
    }
    h1:after {
        color: var(--ColorX12);
        content: "--ColorX12";
    }
}
#myHeading36 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX16) 0%, var(--ColorX13) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX16";
        color: var(--ColorX16);
    }
    h1:after {
        color: var(--ColorX13);
        content: "--ColorX13";
    }
}



#myHeading41 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX11) 0%, var(--ColorX12) 50%, var(--ColorX13) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX11";
        color: var(--ColorX11);
    }
    h1:after {
        color: var(--ColorX13);
        content: "--ColorX13";
    }
}
#myHeading42 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX12) 0%, var(--ColorX13) 50%, var(--ColorX14) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX12";
        color: var(--ColorX12);
    }
    h1:after {
        color: var(--ColorX14);
        content: "--ColorX14";
    }
}
#myHeading43 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX13) 0%, var(--ColorX14) 50%, var(--ColorX15) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX13";
        color: var(--ColorX13);
    }
    h1:after {
        color: var(--ColorX15);
        content: "--ColorX15";
    }
}
#myHeading44 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX14) 0%, var(--ColorX15) 50%, var(--ColorX16) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX14";
        color: var(--ColorX14);
    }
    h1:after {
        color: var(--ColorX16);
        content: "--ColorX16";
    }
}
#myHeading45 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX15) 0%, var(--ColorX16) 50%, var(--ColorX11) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX15";
        color: var(--ColorX15);
    }
    h1:after {
        color: var(--ColorX11);
        content: "--ColorX11";
    }
}
#myHeading46 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX16) 0%, var(--ColorX11) 50%, var(--ColorX12) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX16";
        color: var(--ColorX16);
    }
    h1:after {
        color: var(--ColorX12);
        content: "--ColorX12";
    }
}


#myHeading51 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX11) 0%, var(--ColorX13) 50%, var(--ColorX15) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX11";
        color: var(--ColorX11);
    }
    h1:after {
        color: var(--ColorX15);
        content: "--ColorX15";
    }
}
#myHeading52 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX12) 0%, var(--ColorX14) 50%, var(--ColorX16) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX12";
        color: var(--ColorX12);
    }
    h1:after {
        color: var(--ColorX16);
        content: "--ColorX16";
    }
}
#myHeading53 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX13) 0%, var(--ColorX15) 50%, var(--ColorX11) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX13";
        color: var(--ColorX13);
    }
    h1:after {
        color: var(--ColorX11);
        content: "--ColorX11";
    }
}
#myHeading54 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX14) 0%, var(--ColorX16) 50%, var(--ColorX12) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX14";
        color: var(--ColorX14);
    }
    h1:after {
        color: var(--ColorX12);
        content: "--ColorX12";
    }
}
#myHeading55 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX15) 0%, var(--ColorX11) 50%, var(--ColorX13) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX15";
        color: var(--ColorX15);
    }
    h1:after {
        color: var(--ColorX13);
        content: "--ColorX13";
    }
}
#myHeading56 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX16) 0%, var(--ColorX12) 50%, var(--ColorX14) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX16";
        color: var(--ColorX16);
    }
    h1:after {
        color: var(--ColorX14);
        content: "--ColorX14";
    }
}


#myHeading61 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX21) 0%, var(--ColorX23) 50%, var(--ColorX25) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX21";
        color: var(--ColorX21);
    }
    h1:after {
        color: var(--ColorX25);
        content: "--ColorX25";
    }
}
#myHeading62 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX22) 0%, var(--ColorX24) 50%, var(--ColorX26) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX22";
        color: var(--ColorX22);
    }
    h1:after {
        color: var(--ColorX26);
        content: "--ColorX26";
    }
}
#myHeading63 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX23) 0%, var(--ColorX25) 50%, var(--ColorX21) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX23";
        color: var(--ColorX23);
    }
    h1:after {
        color: var(--ColorX21);
        content: "--ColorX21";
    }
}
#myHeading64 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX24) 0%, var(--ColorX26) 50%, var(--ColorX22) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX24";
        color: var(--ColorX24);
    }
    h1:after {
        color: var(--ColorX22);
        content: "--ColorX22";
    }
}
#myHeading65 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX25) 0%, var(--ColorX21) 50%, var(--ColorX23) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX25";
        color: var(--ColorX25);
    }
    h1:after {
        color: var(--ColorX23);
        content: "--ColorX23";
    }
}
#myHeading66 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX26) 0%, var(--ColorX22) 50%, var(--ColorX24) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX26";
        color: var(--ColorX26);
    }
    h1:after {
        color: var(--ColorX24);
        content: "--ColorX24";
    }
}
#myHeading71 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX21) 0%, var(--ColorX22) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX21";
        color: var(--ColorX21);
    }
    h1:after {
        color: var(--ColorX22);
        content: "--ColorX22";
    }
}
#myHeading72 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX22) 0%, var(--ColorX23) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX22";
        color: var(--ColorX22);
    }
    h1:after {
        color: var(--ColorX23);
        content: "--ColorX23";
    }
}
#myHeading73 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX23) 0%, var(--ColorX24) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX23";
        color: var(--ColorX23);
    }
    h1:after {
        color: var(--ColorX24);
        content: "--ColorX24";
    }
}
#myHeading74 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX24) 0%, var(--ColorX25) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX24";
        color: var(--ColorX24);
    }
    h1:after {
        color: var(--ColorX25);
        content: "--ColorX25";
    }
}
#myHeading75 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX25) 0%, var(--ColorX26) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX25";
        color: var(--ColorX25);
    }
    h1:after {
        color: var(--ColorX26);
        content: "--ColorX26";
    }
}
#myHeading76 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX26) 0%, var(--ColorX21) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX26";
        color: var(--ColorX26);
    }
    h1:after {
        color: var(--ColorX21);
        content: "--ColorX21";
    }
}
#myHeading81 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX21) 0%, var(--ColorX23) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX21";
        color: var(--ColorX21);
    }
    h1:after {
        color: var(--ColorX23);
        content: "--ColorX23";
    }
}
#myHeading82 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX22) 0%, var(--ColorX24) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX22";
        color: var(--ColorX22);
    }
    h1:after {
        color: var(--ColorX24);
        content: "--ColorX24";
    }
}
#myHeading83 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX23) 0%, var(--ColorX25) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX23";
        color: var(--ColorX23);
    }
    h1:after {
        color: var(--ColorX25);
        content: "--ColorX25";
    }
}
#myHeading84 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX24) 0%, var(--ColorX26) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX24";
        color: var(--ColorX24);
    }
    h1:after {
        color: var(--ColorX26);
        content: "--ColorX26";
    }
}
#myHeading85 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX25) 0%, var(--ColorX21) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX25";
        color: var(--ColorX25);
    }
    h1:after {
        color: var(--ColorX21);
        content: "--ColorX21";
    }
}
#myHeading86 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX26) 0%, var(--ColorX22) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX26";
        color: var(--ColorX26);
    }
    h1:after {
        color: var(--ColorX22);
        content: "--ColorX22";
    }
}
#myHeading91 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX21) 0%, var(--ColorX24) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX21";
        color: var(--ColorX21);
    }
    h1:after {
        color: var(--ColorX24);
        content: "--ColorX24";
    }
}
#myHeading92 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX22) 0%, var(--ColorX25) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX22";
        color: var(--ColorX22);
    }
    h1:after {
        color: var(--ColorX25);
        content: "--ColorX25";
    }
}
#myHeading93 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX23) 0%, var(--ColorX26) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX23";
        color: var(--ColorX23);
    }
    h1:after {
        color: var(--ColorX26);
        content: "--ColorX26";
    }
}
#myHeading94 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX24) 0%, var(--ColorX21) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX24";
        color: var(--ColorX24);
    }
    h1:after {
        color: var(--ColorX21);
        content: "--ColorX21";
    }
}
#myHeading95 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX25) 0%, var(--ColorX22) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX25";
        color: var(--ColorX25);
    }
    h1:after {
        color: var(--ColorX22);
        content: "--ColorX22";
    }
}
#myHeading96 {
    i, h2, h3 {
        background: linear-gradient(135deg, var(--ColorX26) 0%, var(--ColorX23) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1:before {
        content: "--ColorX26";
        color: var(--ColorX26);
    }
    h1:after {
        color: var(--ColorX23);
        content: "--ColorX23";
    }
}