text-style {
    display: inline;
    font-style: normal;
    font-weight: 1000;
    text-shadow: 1px 1px 0px black, 0px 0px 2px black, 1px 1px 2px black;
    color: white;

    &[text="prestige"] {
        color: #00ffff;
    };

    &[text="fish"] {
        color: #ffa500;
    };

    &[text="shark"] {
        color: #93a3ac;
    };

    &[text="coral"] {
        color: #ff7f50;
    };

    &[text="ice"] {
        color: skyblue;
    };

    &[text="salt"] {
        color: whitesmoke;
    };

    &[text="snow"] {
        color: snow;
    };

    &[text="kelp"] {
        color: #bd9159;
    };

    &[text="red"] {
        color: red;
    };
    &[text="green"] {
        color: limegreen;
    };
    &[text="gold"] {
        color: gold;
    };
    &[text="hadron"] {
        color: #ff8;
        text-shadow: 1px 1px 0px black, 0px 0px 2px black, 1px 1px 2px black, -1px -1px 2px #ff0, 1px 1px 2px #ff0, -2px -2px 4px #880, 2px 2px 4px #880;
    };

    &[text="rebirth"] {
        color: pink;
    };

    &[text="god"] {
        font-family: TrueFont;
        color: white;
        text-shadow: 1px 1px 2px white, 0px 0px 4px #fff6, 0px 0px 6px #fff4;
    };

    @supports (-webkit-background-clip: text) and (-webkit-text-fill-color: transparent) {
        &[text="core"],
        &[text="humanoid"],
        &[text="black-hole"],
        &[text="observ"],
        &[text="reserv"],
        &[text="traject"],
        &[text="experiment"],
        &[text="star"],
        &[text="gal-explore-1"],
        &[text="gal-explore-2"],
        &[text="gal-explore-4"],
        &[text="gal-explore-5"],
        &[text="omni"], &[text="antimatter"], &[text="transcend"], &[text="undead"], &[text="atom"], &[text="rune"] {
            filter: drop-shadow(1px 1px black) drop-shadow(0px 0px 1px black);
            text-shadow: none;
        };
        &[text="gal-explore-0"],
        &[text="gal-explore-3"] {
            filter: drop-shadow(1px 1px white) drop-shadow(0px 0px 1px white);
            text-shadow: none;
        };

        &[text="core"] {
            background: radial-gradient(circle, #feff00 0%, #ff5500 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        };
        &[text="humanoid"] {
            background: linear-gradient(#003001, #00FF03, #003001);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        };
        &[text="black-hole"] {
            background: linear-gradient(magenta, magenta, purple, magenta, magenta);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        };
        &[text="observ"] {
            background: repeating-linear-gradient(-45deg, cyan, #00aeff 20px, cyan 40px);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        };
        &[text="reserv"] {
            background: repeating-linear-gradient(-45deg, #00aeff, #0051ff 20px, #00aeff 40px);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        };
        &[text="traject"] {
            background: repeating-linear-gradient(-45deg, #e5ff00, #73ff00 20px, #e5ff00 40px);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        };
        &[text="experiment"] {
            background: repeating-linear-gradient(-45deg, #ff3c00, #ff9100 20px, #ff3c00 40px);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        };
        &[text="star"], &[text="gal-explore-4"] {
            background: repeating-linear-gradient(90deg, #c5fff7, #edff9e 20px, #c5fff7 40px);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        };
        &[text="gal-explore-0"] {
            background: linear-gradient(blue, navy);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        };
        &[text="gal-explore-1"] {
            background: linear-gradient(#cff, cyan, blue);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        };
        &[text="gal-explore-2"] {
            background: linear-gradient(grey, #444);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        };
        &[text="gal-explore-3"] {
            background: repeating-conic-gradient(#ff00dc 0 25%, #010001 0 50%);
            background-size: 20px 20px;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        };
        &[text="gal-explore-5"] {
            background: linear-gradient(#f0deb4, #d5c295);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        };
        &[text="omni"] {
            background: linear-gradient(135deg, #93a3ac, #6f6fff, #ffffff);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        };
        &[text="antimatter"] {
            background: linear-gradient(#ffa500, red);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        };
        &[text="transcend"] {
            background: linear-gradient(#a200ff, #5a00a3);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        };
        &[text="undead"] {
            background: linear-gradient(#ff48d1, #c200c9);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        };
        &[text="atom"] {
            background: radial-gradient(circle, #feff00 0%, #48ff00 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        };
        &[text="rune"] {
            background: linear-gradient(to right, #F6C7A0, #927359);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        };
    };
};