/*

›
>
»
▶
►
◢

‹
<
«
◀
◄
◣
⫷

*/



:root {

    /* SOCIALS MEDIA */
    --gh: #24292e;
    --yt: #e73827;
    --ig: #ff003c;
    --fb: #0740FF;
    --tw: #0778E9;

    --that-red: #FF003C;
    --that-red-brighter: #ff4873;
    --that-red-darker: #be002c;
    --shadow: rgb(22,22,22);
    --shadow-better: rgba(24,18,35,.6);
    --dark-matte-blue: #242136;
    --medium-grey: #39373D;
    --dropdown-bg: #eeeded;

    --low-green:
    linear-gradient( #f79d00, #64f38c);

    --lime-gradient:
    linear-gradient(35deg, rgb(180, 243, 6), rgb(229, 255, 0));

    --yellow-gradient:
    linear-gradient(29deg, #FFE801, rgb(248, 182, 0));

    --light-blue-gradient:
    linear-gradient(69deg, #156EA7, #50ABF1);

    --blue-gradient:
    linear-gradient(-135deg, rgba(0,78,255,1) 0%, rgba(16,148,228,1) 100%); 

    --dark-blue-gradient:
    linear-gradient(rgb(27, 45, 83), rgb(22, 29, 54));

    --great-purple: 
    -webkit-linear-gradient(top left, #8F2ECD, #981361);

    --light-shady-green:
    -webkit-linear-gradient(top right, #a1ffce, #faffd1);

    --lightcream: 
    -webkit-linear-gradient(top right, #F6DCA4, #D5C8D8);

    --verylightblue:
    -webkit-linear-gradient(90deg, #E4FBE6, #AABCBC);
    
    --good-red:
    linear-gradient(to right, #f85032, #e73827);

    --red-orange-gradient:
    linear-gradient(90deg, rgb(250, 29, 0), rgb(255, 60, 0));

    --shadyredandyellow:
    -webkit-linear-gradient(top right, #FFE801, #F94659);

    /* LOOP INFINITE ANIMATION */
    @keyframes charge {
        0% {
            background-color: var(--light-shady-green);
        }
        30% {
            backgorund-color: var(--yellow-gradient);
        }
        100% {
            background-color: var(--lime-gradient);
        }
    }
}




/* IMPORTS LIBRARY */

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;400;600;900&');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200&display=swap');