/* 
    I got this from:
    http://barchok.com/flags.html 
    thank you <3
*/
:root {
    /* lgbt */
    --lgbt: linear-gradient(180deg,
            #fe000080 16.66%,
            #FD8C0080 16.66%, 33.32%,
            #FFE50080 33.32%, 49.98%,
            #119F0B80 49.98%, 66.64%,
            #0644B380 66.64%, 83.3%,
            #C22EDC80 83.3%);
    /* asexual */
    --asex: linear-gradient(180deg,
            #18181880 25%,
            #A3A3A380 25%, 50%,
            #FFFFFF80 50%, 75%,
            #80008080 75%);
    /*bisexual*/
    --bisexual: linear-gradient(180deg,
            #D6027080 40%,
            #9B4F9680 40%, 60%,
            #0038A880 60%);
    /*nonbinary*/
    --nonbinary: linear-gradient(180deg,
            #FFF43080 25%,
            #FFFFFF80 25%, 50%,
            #9C59D180 50%, 75%,
            #18181880 75%);
    /*transgender*/
    --transgender: linear-gradient(180deg,
            #5BCEFA80 20%,
            #F5A9B880 20%, 40%,
            #FFFFFF80 40%, 60%,
            #F5A9B880 60%, 80%,
            #5BCEFA80 80%);
    /*lesbian*/
    --lesbian: linear-gradient(180deg,
            #A6006180 14.285%,
            #B9539380 14.285%, 28.57%,
            #D260A780 28.57%, 42.855%,
            #EDEDEB80 42.855%, 57.14%,
            #E5ABD080 57.14%, 71.425%,
            #C74D5280 71.425%, 85.71%,
            #8C1D0080 85.71%);
    /* genderfluid */
    --genderfluid: linear-gradient(180deg,
            #FF77A380 20%,
            #FFFFFF80 20%, 40%,
            #BE18D680 40%, 60%,
            #18181880 60%, 80%,
            #333EBD80 80%);

    /*  Smooth Gradients  */
    --sm-bg: linear-gradient(0deg, 
    #D9AFD9 0%, 
    #97D9E1 100%);
    
}