MediaWiki:Gradients.css

@import "/load.php?mode=articles&only=styles&articles=MediaWiki:Local.css?ctype=text/css|u:dev:MediaWiki:FandomizedWikiFeatures.css|u:dev:MediaWiki:PIImprovements.css|u:dev:MediaWiki:SpoilerBlur/code.css|u:dev:MediaWiki:FandomizedBloglists/code.css|u:dev:MediaWiki:FandomizedToggles/code.css|u:dev:MediaWiki:ModernCommentsSection.css|u:dev:MediaWiki:TZclock.css|u:dev:MediaWiki:FandomizedLoadingScreens.css|u:dev:MediaWiki:NewCat%26LangBars.css|u:dev:MediaWiki:ModernLeaderboard.css|u:dev:MediaWiki:FandomizedButtons.css"; @import url('https://fonts.googleapis.com/css2?family=Potta+One&display=swap'); @import url('https://mega.nz/file/WFtGHQjD#LngsIFlL5_LJe0mTIgH87dH9uIFXUdWZ1SLyPY_jKCI%22'); @import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap%27'); @import url('https://fonts.googleapis.com/css2?family=Cherry+Cream+Soda&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap'); @import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nova+Cut&display=swap'); @import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap');

/* Rainbow Text (Webkit only!) */ .text-rainbow { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Rainbow 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Rainbow { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* HyperRainbow Text (Webkit only!) */ .text-hyperrainbow { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68bB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD75D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D84DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-HyperRainbow 0.8s infinite; color: #33c0cc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-HyperRainbow { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Dark Text (Webkit only!) */ .text-dark { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #8B0000), color-stop(0.5, #FF0000), color-stop(0.75, #8B0000), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #000000 0%, #8B0000 25%, #FF0000 50%, #8B0000 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Dark 4s infinite; color: #8B0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Dark { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* HyperDark Text (Webkit only!) */ .text-Hyperdark { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #8B0000), color-stop(0.5, #FE0000), color-stop(0.75, #8B0000), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #000000 0%, #8B0000 25%, #FE0000 50%, #8B0000 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-HyperDark 1s infinite; color: #8B0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-HyperDark { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* NobodyElse Text (Webkit only!) */ .text-NobodyElse { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff9500), color-stop(0.25, #ffc400), color-stop(0.5, #00aeff), color-stop(0.75, #00ddff), color-stop(1, #8800ff)); background-image: -webkit-linear-gradient(left, #8800ff 0%, #00ddff 25%, #00aeff 50%, #ffc400 75%, #ff9500 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-NobodyElse 4s infinite; color: #ff9500; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-NobodyElse { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Spyroclub1 Text (Webkit only!) */ .text-Spyroclub1 { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff9500), color-stop(0.25, #a5d4c8), color-stop(0.5, #a5d4c8), color-stop(0.75, #15ff00), color-stop(1, #ff00d4)); background-image: -webkit-linear-gradient(left, #ff9500 0%, #a5d4c8 25%,    #a5d4c8 50%, #15ff00 75%, #ff00d4 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Spyroclub1 4s infinite; color: #002aff; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Spyroclub1 { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Midnight Text (Webkit only!) */ .text-Midnight { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #2b0340), color-stop(0.5, #430563), color-stop(0.75, #61098f), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #000000 0%, #61098f 25%,    #430563 50%, #2b0340 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Midnight 4s infinite; color: #002aff; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Midnight { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Ice Text (Webkit only!) */ .text-Ice { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #014e52), color-stop(0.25, #00b1ba), color-stop(0.5, #29f4ff), color-stop(0.75, #047278), color-stop(1, #014e52)); background-image: -webkit-linear-gradient(left, #014e52 0%, #00b1ba 25%,    #29f4ff 50%, #047278 75%, #00b1ba 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Ice 4s infinite; color: #014e52; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Ice { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Sunrise Text (Webkit only!) */ .text-Sunrise { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Sunrise 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Sunrise { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* HyperSunrise Text (Webkit only!) */ .text-HyperSunrise { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AD0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6B85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #D68BB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-HyperSunrise 1s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-HyperSunrise { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*french Text (Webkit Only!) */ .text-french { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #FFEFF6), color-stop(0.5, #FFFFFF), color-stop(0.75, #d3fdf8), color-stop(1, #0000FF)); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-French 4s infinite; color: #FFFFFF; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-French { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Poppy Text (Webkit Only!) */ .text-poppy { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #FFEFF6), color-stop(0.5, #FFFFFF), color-stop(0.75, #E9E9E9), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #FF0000 0%, #FFEFF6 25%, #FFFFFF 50%, #E9E9E9 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Poppy 3s infinite; color: #FF0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Poppy { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Canada Text (Webkit only!) */ .text-canada { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #ff0000), color-stop(0.5, #ffffff), color-stop(0.75, #ffffff), color-stop(1, #ff0000)); background-image: -webkit-linear-gradient(left, #FF0000 0%, #FF4500 25%, #F28931 50%, #FFC511 75%, #ff0000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Canada 4s infinite; color: #ff0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Canada { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* SpongeBob Text (Webkit only!) */ .text-spongebob { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #FFFF7D), color-stop(0.5, #FFFFFF), color-stop(0.75, #FFFF7D), color-stop(1, #FFFF00)); background-image: -webkit-linear-gradient(left, #FFFF00 0%, #FFFF7D 25%, #FFFFFF 50%, #FFFF7D 75%, #FFFF00 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-SpongeBob 4s infinite; color: #ffff00; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-SpongeBob { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Galaxy Text (Webkit only!) */ .text-galaxy { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #02008C), color-stop(0.25, #5936D0), color-stop(0.5, #A184FA), color-stop(0.75, #5936D0), color-stop(1, #02008C)); background-image: -webkit-linear-gradient(left, #02008C 0%, #5936D0 25%, #A184FA 50%, #5936D0 75%, #02008C 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Galaxy 4s infinite; color: #6749CD; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Galaxy { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Crossdoggo Text (Webkit only!) */ .text-crossdoggo { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #02008C), color-stop(0.25, #A184FA), color-stop(0.5, #FF0000), color-stop(0.75, #FFFFFF), color-stop(1, #8C8C8C)); background-image: -webkit-linear-gradient(left, #02008C 0%, #A184FA 25%, #FF0000 50%, #FFFFFF 75%, #8C8C8C 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Crossdoggo 6s infinite; color: #5936D0; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Crossdoggo { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Thanksgiving Text (Webkit only!) */ .text-thanksgiving { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffa500), color-stop(0.25, #f8d568), color-stop(0.5, #FFFF00), color-stop(0.75, #c39b77), color-stop(1, #6b4000)); background-image: -webkit-linear-gradient(left, #ffa500 0%, #f8d568 25%, #FFFF00 50%, #c39b77 75%, #6b4000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Thanksgiving 4s infinite; color: #f8d568; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Thanksgiving { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Hanukkah Text (Webkit only!) */ .text-hanukkah { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8C8C8C), color-stop(0.25, #CCCCCC), color-stop(0.5, #FFFFFF), color-stop(0.75, #b8d1ff), color-stop(1, #6390ff)); background-image: -webkit-linear-gradient(left, #8C8C8C 0%, #CCCCCC 25%, #FFFFFF 50%, #b8d1ff 75%, #6390ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Hanukkah 4s infinite; color: #CCCCCC; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Hanukkah { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Christmas Text (Webkit only!) */ .text-christmas { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #ff9e9e), color-stop(0.5, #FFFFFF), color-stop(0.75, #5eff5e), color-stop(1, #018001)); background-image: -webkit-linear-gradient(left, #FF0000 0%, #ff9e9e 25%, #FFFFFF 50%, #5eff5e 75%, #018001 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Christmas 4s infinite; color: #5eff5e; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

/* Techno Text (Webkit only!) */ .text-Techno { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #02122e), color-stop(0.5, #06255c), color-stop(0.75, #055499), color-stop(1, #00ff7b)); background-image: -webkit-linear-gradient(left, #000000 0%, #f1ff2b 25%, #00ff55 50%, #00ff55 75%, #00b3ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Techno 4s infinite; color: #00ddff; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Techno { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* HyperTechno Text (Webkit only!) */ .text-HyperTechno { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #02122e), color-stop(0.5, #06255c), color-stop(0.75, #055499), color-stop(1, #00ff7b)); background-image: -webkit-linear-gradient(left, #000000 0%, #f1ff2b 25%, #00ff55 50%, #00ff55 75%, #00b3ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Techno 0.8s infinite; color: #00ddff; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-HyperTechno { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Nate Wright (Webkit only!) */ .text-Natewright { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #260101), color-stop(0.25, #e3a41e), color-stop(0.5, #e01b1e), color-stop(0.75, #ff0084), color-stop(1, #ff0084)); background-image: -webkit-linear-gradient(left, #a36f0f 0%, #a6081b 25%, #d41c32 50%, #520710 75%, #260101 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Natewright 4s infinite; color: #00CCFF; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Natewright { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* GG4L Text (Webkit only!) */ .text-gg4l { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #DAA520), color-stop(0.2, #FFFF00), color-stop(0.4, #A0522D), color-stop(0.6, #C4C4C4), color-stop(0.8, #FF0000), color-stop(1, #FFA500)); background-image: -webkit-linear-gradient(left, #DAA520 0%, #FFFF00 20%, #A0522D 40%, #C4C4C4 60%, #FF0000 80%, #FFA500 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-GG4L 8s infinite; color: #FFFF00; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-GG4L { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Piglover Text (Webkit only!) */ .text-piglover { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFF00), color-stop(0.25, #FF7DD8), color-stop(0.5, #FF7DD8), color-stop(0.75, #FF7DD8), color-stop(1, #0099FF)); background-image: -webkit-linear-gradient(left, #FFFF00 0%, #FF7DD8 25%, #FF7DD8 50%, #FF7DD8 75%, #0099FF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Piglover 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Piglover { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* GarfieldMN Text (Webkit only!) */ .text-garfieldmn { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFC761), color-stop(0.25, #FFA500), color-stop(0.5, #000000), color-stop(0.75, #8C8C8C), color-stop(1, #FFFFFF)); background-image: -webkit-linear-gradient(left, #FFC761 0%, #FFA500 25%, #000000 50%, #8C8C8C 75%, #FFFFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Garfieldmn 4s infinite; color: #FFA500; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Garfieldmn { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* America Text (Webkit only!) */ .text-america { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #f7d6ff), color-stop(0.5, #0000FF), color-stop(0.75, #b8c1ff), color-stop(1, #FFFFFF)); background-image: -webkit-linear-gradient(left, #FF0000 0%, #f7d6ff 25%, #0000FF 50%, #b8c1ff 75%, #FFFFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-America 4s infinite; color: #FF0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-America { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Colors Text (Webkit only!) */ .text-colors { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #FFA500), color-stop(0.5, #FFFF00), color-stop(0.75, #008A00), color-stop(1, #0000FF)); background-image: -webkit-linear-gradient(left, #FF0000 0%, #FFA500 25%, #FFFF00 50%, #008A00 75%, #0000FF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Colors 4s infinite; color: #FFFFFF; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Colors { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* NeptuneNC Text (Webkit only!) */ .text-neptunenc { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #63a2ff), color-stop(0.25, #121e63), color-stop(0.5, #341263), color-stop(0.75, #9554f0), color-stop(1, #63a2ff)); background-image: -webkit-linear-gradient(left, #63a2ff 0%, #121e63 25%, #341263 50%, #9554f0 75%, #63a2ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Neptunenc 4s infinite; color: #63a2ff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Neptunenc { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Cheesedoodle Text (Webkit only!) */ .text-Cheesedoodle { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #19bf00), color-stop(0.25, #80ff00), color-stop(0.5, #ffd500), color-stop(0.75, #ff9900), color-stop(1, #ed9818)); background-image: -webkit-linear-gradient(left, #005ff7 0%, #6789bf 25%, #4d2a82 50%, #35303d 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Cheesedoodle 3s infinite; color: #19bf00; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Cheesedoodle { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* BNCW Text (Webkit only!) */ .text-bncw { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #006F95), color-stop(0.5, #000000), color-stop(0.75, #012C57), color-stop(1, #ED6A26)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #006F95 25%, #000000 50%, #012C57 75%, #ED6A26 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Bncw 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Bncw { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Fandom Text (Webkit only!) */ .text-fandom { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #7babb3), color-stop(0.5, #032E35), color-stop(0.75, #00d6c5), color-stop(1, #00E0CE)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #7babb3 25%, #032E35 50%, #00d6c5 75%, #00E0CE 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Fandom 4s infinite; color: #00E0CE; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Fandom { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* PewDiePie Text (Webkit only!) */ .text-pewdiepie { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #5C5C5C), color-stop(0.25, #5C5C5C), color-stop(0.5, #000000), color-stop(0.75, #e3393b), color-stop(1, #FD4547)); background-image: -webkit-linear-gradient(left, #5C5C5C 0%, #5C5C5C 25%, #000000 50%, #e3393b 75%, #FD4547 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Pewdiepie 4s infinite; color: #FD4547; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Pewdiepie { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Brofist Text (Webkit only!) */ .text-brofist { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #E3D9D7), color-stop(0.25, #a89d9b), color-stop(0.5, #1D3245), color-stop(0.75, #00a8c2), color-stop(1, #01DDFF)); background-image: -webkit-linear-gradient(left, #E3D9D7 0%, #a89d9b 25%, #1D3245 50%, #00a8c2 75%, #01DDFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Brofist 4s infinite; color: #01DDFF; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Brofist { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* N00b Text (Webkit only!) */ .text-n00b { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #C5C5C5), color-stop(0.25, #8a6e62), color-stop(0.5, #873b00), color-stop(0.75, #662c00), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #C5C5C5 0%, #8a6e62 25%, #873b00 50%, #662c00 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-N00b 4s infinite; color: #873b00; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-N00b { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Roblox Text (Webkit only!) */ .text-roblox { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #FFBFBF), color-stop(0.5, #FF0000), color-stop(0.75, #B00000), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #FFBFBF 25%, #FF0000 50%, #B00000 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Roblox 4s infinite; color: #FF0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Roblox { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Minecraft Text (Webkit only!) */ .text-minecraft { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #00ff00), color-stop(0.25, #00f2d6), color-stop(0.5, #0099ff), color-stop(0.75, #0099ff), color-stop(1, #a16800)); background-image: -webkit-linear-gradient(left, #00ff00 0%, #00f2d6 25%, #0099ff 50%, #0099ff 75%, #a16800 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Minecraft 4s infinite; color: #00ff00; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Minecraft { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Football Text (Webkit only!) */ .text-football { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #402900), color-stop(0.25, #ffc55ff), color-stop(0.5, #ffffff), color-stop(0.75, #ffffff), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #000000 0%, #ffffff 25%, #ffffff 50%, #ffffff 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Soccerball 4s infinite; color: #000000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Soccerball { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Sugarcat Text (Webkit only!) */ .text-sugarcat { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #2e1d00), color-stop(0.25, #7a4d00), color-stop(0.5, #ffffff), color-stop(0.75, #7a4d00), color-stop(1, #2e1d00)); background-image: -webkit-linear-gradient(left, #2e1d00 0%, #7a4d00 25%, #ffffff 50%, #7a4d00 75%, #2e1d00 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Sugarcat 4s infinite; color: #2e1d00; /* Fallback color for non-webkit browsers */ white-space: nowrap; } /* Rainforest Text (Webkit only!) */ .text-Rainforest { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #402828), color-stop(0.25, #381e1e), color-stop(0.5, #19630a), color-stop(0.75, #08c21a), color-stop(1, #05f786)); background-image: -webkit-linear-gradient(left, #402828 0%, #381e1e 25%, #19630a 50%, #f08c24 75%, #05f786 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Rainforest 4s infinite; color: #08c21a; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Rainforest { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } @keyframes Text-Sugarcat { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* NRTeddy Text (Webkit only!) */ .text-nrteddy { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #FFFFFF), color-stop(0.5, #000000), color-stop(0.75, #5C5C5C), color-stop(1, #5C5C5C)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 25%, #000000 50%, #5C5C5C 75%, #5C5C5C 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-NRTeddy 4s infinite; color: #FFFFFF; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-NRTeddy { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Yeet Text (Webkit only!) */ .text-yeet { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #8000FF), color-stop(0.5, #0000FF), color-stop(0.75, #00FF00), color-stop(1, #FFFF00)); background-image: -webkit-linear-gradient(left, #FF0000 0%, #8000FF 25%, #0000FF 50%, #00FF00 75%, #FFFF00 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Yeet 0.8s infinite; color: #8000FF; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Yeet { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* 1st Text (Webkit only!) */ .text-1st { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #DAA520), color-stop(0.25, #FFFF00), color-stop(0.5, #FFA500), color-stop(0.75, #FF0000), color-stop(1, #A0522D)); background-image: -webkit-linear-gradient(left, #DAA520 0%, #FFFF00 25%, #FFA500 50%, #FF0000 75%, #A0522D 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-1st 4s infinite; color: #DAA520; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-1st { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Spacepuppy Text (Webkit only!) */ .text-spacepuppy { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D2B48C), color-stop(0.25, #D2B48C), color-stop(0.5, #000000), color-stop(0.75, #FFFFFF), color-stop(1, #FFFFFF)); background-image: -webkit-linear-gradient(left, #D2B48C 0%, #D2B48C 25%, #000000 50%, #FFFFFF 75%, #FFFFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Spacepuppy 4s infinite; color: #D2B48C; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Spacepuppy { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Wintergreen Text (Webkit only!) */ .text-wintergreen { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #98ff98), color-stop(0.25, #98ff98), color-stop(0.5, #89D989), color-stop(0.75, #FFFFFF), color-stop(1, #FFFFFF)); background-image: -webkit-linear-gradient(left, #98ff98 0%, #98ff98 25%, #89D989 50%, #FFFFFF 75%, #FFFFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Wintergreen 4s infinite; color: #98ff98; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Wintergreen { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Heart Text (Webkit only!) */ .text-heart { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffc0cb), color-stop(0.25, #feb8ff), color-stop(0.5, #e1b8ff), color-stop(0.75, #c9b8ff), color-stop(1, #b8bdff)); background-image: -webkit-linear-gradient(left, #ffc0cb 0%, #feb8ff 25%, #e1b8ff 50%, #c9b8ff 75%, #b8bdff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Heart 4s infinite; color: #ffc0cb; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Heart { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Pdog Text (Webkit only!) */ .text-pdog { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0000ff), color-stop(0.25, #136207), color-stop(0.5, #00ff00), color-stop(0.75, #bdffbd), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(left, #0000ff 0%, #136207 25%, #00ff00 50%, #bdffbd 75%, #ffffff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Pdog 4s infinite; color: #136207; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Pdog { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Random Text (Webkit only!) */ .text-random { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #800000), color-stop(0.2, #00FA9A), color-stop(0.4, #00FFFF), color-stop(0.6, #3CB371), color-stop(0.8, #00FF00), color-stop(1, #FF00FF)); background-image: -webkit-linear-gradient(left, #800000 0%, #00FA9A 20%, #00FFFF 40%, #3CB371 60%, #00FF00 80%, #FF00FF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Random 4s infinite; color: #00FA9A; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Random { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Winterwonderland Text (Webkit only!) */ .text-winterwonderland { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #0073D9), color-stop(0.5, #1B0EB0), color-stop(0.75, #0073D9), color-stop(1, #BBD6E4)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #0073D9 25%, #1B0EB0 50%, #0073D9 75%, #BBD6E4 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Winterwonderland 4s infinite; color: #0073D9; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Winterwonderland { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Golden Text (Webkit only!) */ .text-golden { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7d6900), color-stop(0.25), color-stop(0.5, #ffe038), color-stop(0.75, #CCAC00), color-stop(1, #7d6900)); background-image: -webkit-linear-gradient(left, #7d6900 0%, #CCAC00 25%, #ffe038 50%, #CCAC00 75%, #7d6900 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Golden 4s infinite; color: #CCAC00; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Golden { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Astronic Text (Webkit only!) */ .text-Astronic { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #5100ff), color-stop(0.25, #2b00ff), color-stop(0.5, #0000ff), color-stop(0.75, #6600ff), color-stop(1, #8c00ff)); background-image: -webkit-linear-gradient(left, #ffbb00 0%, #a200ff 25%, #2b00ff 50%, #6600ff 75%, #8c00ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Astronic 5s infinite; color: #5100ff; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Astronic { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* milkshake Text (Webkit only!) */ .text-milkshake { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #230161), color-stop(0.25), color-stop(0.5, #400994), color-stop(0.75, #6a5e7a), color-stop(1, #9384ab)); background-image: -webkit-linear-gradient(left, #230161 0%, #400994 25%, #6a5e7a 50%, #9384ab 75%, #400994 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-milkshake 4s infinite; color: #400994; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-milkshake { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Fanta Text (Webkit only!) */ .text-Fanta { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #cfa846), color-stop(0.25, #fcc63d), color-stop(0.5, #f5c24c), color-stop(0.75, #f7ce6d), color-stop(1, #fceabd)); background-image: -webkit-linear-gradient(left, #fcb100 0%, #f5b41b 25%, #f5c24c 50%, #fcc63d 75%, #ffe091 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Fanta 4s infinite; color: #fcb100; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Fanta { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Swasimcool Text (Webkit only!) */ .text-swasimcool { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFA500), color-stop(0.25, #FFFF00), color-stop(0.5, #FF0000), color-stop(0.75, #00BA00), color-stop(1, #FFE5B4)); background-image: -webkit-linear-gradient(left, #FFA500 0%, #FFFF00 25%, #FF0000 50%, #00BA00 75%, #FFE5B4 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Swasimcool 4s infinite; color: #FFA500; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Swasimcool { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Stargazer Text (Webkit only!) */ .text-stargazer { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0e0117), color-stop(0.25, #42056e), color-stop(0.5, #7a6f0a), color-stop(0.75, #f5dd02), color-stop(1, #4b02ab)); background-image: -webkit-linear-gradient(left, #190238 0%, #42056e 25%, #676905 50%, #a0a307 75%, #f7c200 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Stargazer 4s infinite; color: #af00fa; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Stargazer { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Commentn Text (Webkit only!) */ .text-Commentn { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #8c0303), color-stop(0.5, #eb0e0e), color-stop(0.75, #0e50eb), color-stop(1, #00bfe6)); background-image: -webkit-linear-gradient(left, #000000 0%, #8c0303 25%, #0e50eb 50%, #00bfe6 75%, #0352ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Commentn 4s infinite; color: #0e50eb; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Commentn { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Font Text (Webkit only!) */ .text-Font { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffffff), color-stop(0.25, #000000), color-stop(0.5, #ff0000), color-stop(0.75, #2200ff), color-stop(1, #94faff)); background-image: -webkit-linear-gradient(left, #94faff 0%, #2200ff 25%, #ff0000 50%, #000000 75%, #ffffff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Font 5s infinite; color: #ffffff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Font { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Skyfall Text (Webkit only!) */ .text-Skyfall { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffffff), color-stop(0.25, #91fdff), color-stop(0.5, #52f7fa), color-stop(0.75, #00b3ff), color-stop(1, #0037ff)); background-image: -webkit-linear-gradient(left, #ffffff 0%, #91fdff 25%, #52f7fa 50%, #00b3ff 75%, #0037ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Skyfall 4s infinite; color: #52f7fa; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Skyfall { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* DJ Text (Webkit only!) */ .text-dj { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFF33), color-stop(0.25, #00F57C), color-stop(0.5, #7DF9FF), color-stop(0.75, #00FFFF), color-stop(1, #7D12FF)); background-image: -webkit-linear-gradient(left, #FFFF33 0%, #00F57C 25%, #7DF9FF 50%, #00FFFF 75%, #7D12FF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Dj 4s infinite; color: #ffff00; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Dj { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Charlie Brown Text (Webkit only!) */ .text-charliebrown { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #E7E9C6), color-stop(0.25, #E7E9C6), color-stop(0.5, #F7FE00), color-stop(0.75, #000000), color-stop(1, #F7FE00)); background-image: -webkit-linear-gradient(left, #E7E9C6 0%, #E7E9C6 25%, #F7FE00 50%, #000000 75%, #F7FE00 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Charliebrown 4s infinite; color: #F7FE00; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Charliebrown { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Vibrant Text (Webkit only!) */ .text-Vibrant { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff0000), color-stop(0.25, #ff8c00), color-stop(0.5, #dd00ff), color-stop(0.75, #00f2ff), color-stop(1, #9d00ff)); background-image: -webkit-linear-gradient(left, #ff8c00 0%, #dd00ff 25%, #55ff00 50%, #00f2ff 75%, #ff0059 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Vibrant 4s infinite; color: #dd00ff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Vibrant { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Somethingelse Text (Webkit only!) */ .text-somethingelse { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff0000), color-stop(0.25, #ff0000), color-stop(0.5, #000000), color-stop(0.75, #ffffff), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(left, #ff0000 0%, #ff0000 25%, #000000 50%, #ffffff 75%, #ffffff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Somethingelse 4s infinite; color: #ff0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Somethingelse { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Jaidenanimations Text (Webkit only!) */ .text-jaidenanimations { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #6a0dad), color-stop(0.25, #6a0dad), color-stop(0.5, #964B00), color-stop(0.75, #964B00), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #6a0dad 0%, #6a0dad 25%, #964B00 50%, #964B00 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Jaidenanimations 4s infinite; color: #6a0dad; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Jaidenanimations { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Theodd1sout Text (Webkit only!) */ .text-theodd1sout { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #00ff00), color-stop(0.25, #baffba), color-stop(0.5, #FFFFFF), color-stop(0.75, #a3a3ff), color-stop(1, #0000FF)); background-image: -webkit-linear-gradient(left, #00ff00 0%, #baffba 25%, #FFFFFF 50%, #a3a3ff 75%, #0000FF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Theodd1sout 4s infinite; color: #00FF00; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Theodd1sout { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* rainstorm Text (Webkit only!) */ .text-rainstorm { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #3295a8), color-stop(0.25, #34eb7a), color-stop(0.5, #34ad38), color-stop(0.75, #2a1687), color-stop(1, #bde4f2)); background-image: -webkit-linear-gradient(left, #3295a8 0%, #34ad38 25%, #2738a3 50%, #34eb7a 75%, #bde4f2 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-rainstorm 4s infinite; color: #54a8c7; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-rainstorm { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Kendall Text (Webkit only!) */ .text-Kendall { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0f03fc), color-stop(0.25, #781ea6,), color-stop(0.5, #1ec4e6), color-stop(0.75, #24a695), color-stop(1, #6b77ff)); background-image: -webkit-linear-gradient(left, #0f03fc 0%, #781ea6 25%, #1ec4e6 50%, #24a695 75%, #6b77ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Kendall 4s infinite; color: #54a8c7; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Kendall { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* India Text (Webkit only!) */ .text-India { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF9933), color-stop(0.25, #FFFFFF,), color-stop(0.5, #333aff), color-stop(0.75, #000000), color-stop(1, #138808)); background-image: -webkit-linear-gradient(left, #FF9933 0%, #FFFFFF 25%, #333aff 50%, #FFFFFF 75%, #128808 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-India 4s infinite; color: #54a8c7; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-India { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* ComicSans Text (Webkit only!) */ .text-comicsans { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #004080), color-stop(0.25, #00f6b8,), color-stop(0.5, #720000), color-stop(0.75, #002040), color-stop(1, #004080)); background-image: -webkit-linear-gradient(left, #004080 0%, #00f6b8 25%, #720000 50%, #002040 75%, #004080 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-comicsans 4s infinite; color: #720000; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-comicsans { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Throwback Citrus Text(Webkit only!) */ .text-throwbackcitrus { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0d4672), color-stop(0.25, #a5a23c,), color-stop(0.5, #e4c545), color-stop(0.75, #e0ab3c), color-stop(1, #668a46)); background-image: -webkit-linear-gradient(left, #0d4672 0%, #a5a23c 25%, #e4c545 50%, #e0ab3c 75%, #668a46 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-throwbackcitrus 4s infinite; color: #e4c545; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-throwbackcitrus { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Speedcube Text (Webkit only!) */ .text-speedcube { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0000ff), color-stop(0.25, #FFFFFF,), color-stop(0.5, #06bf06), color-stop(0.75, #ff0000), color-stop(1, #ffff00)); background-image: -webkit-linear-gradient(left, #0000ff 0%, #FFFFFF 25%, #06bf06 50%, #ff0000 75%, #ffff00 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-speedcube 0.8s infinite; color: #06bf06; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-speedcube { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* XXXTentacion Text (Webkit only!) */ .text-xxxtentacion { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D6D324), color-stop(0.2, #000000), color-stop(0.4, #0F356F), color-stop(0.6, #11489B), color-stop(0.8, #1865D9), color-stop(1, #B6D1F9)); background-image: -webkit-linear-gradient(left, #D6D324 0%, #000000 20%, #0F356F 40%, #11489B 60%, #1865D9 80%, #B6D1F9 100%,); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-xxxtentacion 4s infinite; color: #11489B; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-xxxtentacion { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Patric Vitek Text (Webkit only!) */ .text-patricvitek { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0000FF), color-stop(0.25, #C0C0C0,), color-stop(0.5, #32CD32), color-stop(0.75, #C0C0C0), color-stop(1, #0000FF)); background-image: -webkit-linear-gradient(left, #0000FF 0%, #C0C0C0 25%, #32CD32 50%, #C0C0C0 75%, #0000FF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-patricvitek 4s infinite; color: #32CD32; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-patricvitek { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* TheRealStatus Text (Webkit only!) */ .text-therealstatus { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0040ff), color-stop(0.2, #ff0400), color-stop(0.4, #00f7ff), color-stop(0.6, #c800ff), color-stop(0.8, #ff0015), color-stop(1, #ff7b00)); background-image: -webkit-linear-gradient(left, #0040ff 0%, #ff0400 20%, #00f7ff 40%, #c800ff 60%, #ff0015 80%, #ff7b00 100%,); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-therealstatus 4s infinite; color: #c800ff; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-therealstatus { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Connect4 Text (Webkit only!) */ .text-connect4 { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ed0e0e), color-stop(0.25, #000000,), color-stop(0.5, #faf7f7), color-stop(0.75, #000000), color-stop(1, #ed0e0e)); background-image: -webkit-linear-gradient(left, #ed0e0e 0%, #000000 25%, #faf7f7 50%, #000000 75%, #ed0e0e 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-connect4 4s infinite; color: #faf7f7; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-connect4 { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Misty Valley Text (Webkit only!) */ .text-mistyvalley { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #03fc73), color-stop(0.2, #3bf790), color-stop(0.4, #b8f5d3), color-stop(0.6, #71f5ec), color-stop(0.8, #00ffee), color-stop(1, #469154)); background-image: -webkit-linear-gradient(left, #03fc73 0%, #3bf790 20%, #b8f5d3 40%, #71f5ec 60%, #00ffee 80%, #469154 100%,); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-mistyvalley 4s infinite; color: #71f5ec; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-mistyvalley { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Mango Text (Webkit only!) */ .text-mango { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ebb134), color-stop(0.25, #ebcc34), color-stop(0.5, #eba434), color-stop(0.75, #eb9234), color-stop(1, ebcc34)); background-image: -webkit-linear-gradient(left, #eb9234 0%, #eba434 25%, #ebb134 50%, #eba434 75%, #ebcc34 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-mango 4s infinite; color: #deeb34; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-mango {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Discord Text (Webkit only!) */ .text-discord { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #406da2), color-stop(0.5, #ffffff), color-stop(0.75, #406da2), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #000000 0%, #406da2 25%, #ffffff 50%, #406da2 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-discord 4s infinite; color: #ffffff; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-discord {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* ZachOWott Text (Webkit only!) */ .text-zachowott { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #145748), color-stop(0.25, #1c7a65), color-stop(0.5, #37a67b), color-stop(0.75, #1c7a65), color-stop(1, #145748)); background-image: -webkit-linear-gradient(left, #145748 0%, #1c7a65 25%, #37a67b 50%, #1c7a65 75%, #145748 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-zachowott 4s infinite; color: #1c7a65; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-zachowott {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Enchanted Wood Text (Webkit only!) */ .text-enchantedwood { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #663300), color-stop(0.25, #B19CD9), color-stop(0.5, #663300), color-stop(0.75, #B19CD9), color-stop(1, #663300)); background-image: -webkit-linear-gradient(left, #663300 0%, #B19CD9 25%, #663300 50%, #B19CD9 75%, #663300 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-enchantedwood 4s infinite; color: #B19CD9; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-enchantedwood {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Enchanted Stone Text (Webkit only!) */ .text-enchantedstone { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #767676), color-stop(0.25, #B19CD9), color-stop(0.5, #767676), color-stop(0.75, #B19CD9), color-stop(1, #663300)); background-image: -webkit-linear-gradient(left, #767676 0%, #B19CD9 25%, #767676 50%, #B19CD9 75%, #767676 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-enchantedstone 4s infinite; color: #767676; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-enchantedstone {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Enchanted Gold Text (Webkit only!) */ .text-enchantedgold { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFD300), color-stop(0.25, #B19CD9), color-stop(0.5, #FFD300), color-stop(0.75, #B19CD9), color-stop(1, #FFD300)); background-image: -webkit-linear-gradient(left, #FFD300 0%, #B19CD9 25%, #FFD300 50%, #B19CD9 75%, #FFD300 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-enchantedgold 4s infinite; color: #FFD300; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-enchantedgold {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Enchanted Iron Text (Webkit only!) */ .text-enchantediron { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #CCCCCC), color-stop(0.25, #B19CD9), color-stop(0.5, #F5F5F5), color-stop(0.75, #B19CD9), color-stop(1, #CCCCCC)); background-image: -webkit-linear-gradient(left, #F5F5F5 0%, #B19CD9 25%, #F5F5F5 50%, #B19CD9 75%, #F5F5F5 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-enchantediron 4s infinite; color: #F5F5F5; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-enchantediron {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Enchanted Diamond Text (Webkit only!) */ .text-enchanteddiamond { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0079bf), color-stop(0.25, #B19CD9), color-stop(0.5, #0bb6e6), color-stop(0.75, #B19CD9), color-stop(1, #0079bf)); background-image: -webkit-linear-gradient(left, #0079bf 0%, #B19CD9 25%, #0bb6e6 50%, #B19CD9 75%, #0079bf 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-enchanteddiamond 4s infinite; color: #0bb6e6; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-enchanteddiamond {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Enchanted Netherite Text (Webkit only!) */ .text-enchantednetherite { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #333333), color-stop(0.25, #B19CD9), color-stop(0.5, #555555), color-stop(0.75, #B19CD9), color-stop(1, #333333)); background-image: -webkit-linear-gradient(left, #333333 0%, #B19CD9 25%, #555555 50%, #B19CD9 75%, #333333 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-enchantednetherite 4s infinite; color: #555555; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-enchantednetherite {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Jimmy Text (Webkit only!) */ .text-jimmy { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #4a4847), color-stop(0.25, #403823), color-stop(0.5, #cfc5ab), color-stop(0.75, #403823), color-stop(1, #4a4847)); background-image: -webkit-linear-gradient(left, #4a4847 0%, #403823 25%, #cfc5ab 50%, #403823 75%, #4a4847 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-jimmy 4s infinite; color: #4a4847; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-jimmy {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Oliver Text (Webkit only!) */ .text-oliver { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.25, #4a4847), color-stop(0.5, #dbd639), color-stop(0.75, #4a4847), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #000000 0%, #4a4847 25%, #dbd639 50%, #4a4847 75%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-oliver 4s infinite; color: #292818; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-oliver {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Dr. Chasma Text (Webkit only!) */ .text-drchasma { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffff00), color-stop(0.25, #ffff00), color-stop(0.5, #ffffff), color-stop(0.75, #0088ff), color-stop(1, #0088ff)); background-image: -webkit-linear-gradient(left, #ffff00 0%, #ffff00 25%, #ffffff 50%, #0088ff 75%, #0088ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-drchasma 4s infinite; color: #0088ff; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-drchasma {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* plet Text (Webkit only!) */ .text-plet { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFF00), color-stop(0.25, #D68AB0), color-stop(0.5, #012e59), color-stop(0.75, #6BD85D), color-stop(1, #0099FF)); background-image: -webkit-linear-gradient(left, #FFFF00 0%, #D68AB0 25%, #012e59 50%, #6BD85D 75%, #0099FF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-plet 4s infinite; color: #012e59; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-plet {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Banned Text (Webkit only!) */ .text-banned { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8a1313), color-stop(0.25, #ff0000), color-stop(0.5, #4f0000), color-stop(0.75, #ff0000), color-stop(1, #8a1313)); background-image: -webkit-linear-gradient(left, #8a1313 0%, #ff0000 25%, #4f0000 50%, #ff0000 75%, #8a1313 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-banned 4s infinite; color: #4f0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-banned {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Burnt Text (Webkit only!) */ .text-burnt { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8c0000), color-stop(0.25, #d03636), color-stop(0.5, #fa8484), color-stop(0.75, #d03636), color-stop(1, #8c0000)); background-image: -webkit-linear-gradient(left, #8c0000 0%, #d03636 25%, #fa8484 50%, #d03636 75%, #8c0000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-burnt 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-burnt{ 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* JuiceWRLD Text (Webkit only!) */ .text-JuiceWRLD { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #B65235), color-stop(0.25, #873A24), color-stop(0.5, #542112), color-stop(0.75, #1E0903), color-stop(1, #EBE12A)); background-image: -webkit-linear-gradient(left, #B65235 0%, #873A24 25%, #542112 50%, #1E0903 75%, #EBE12A 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-JuiceWRLD 4s infinite; color: #542112; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-JuiceWRLD{ 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Us Open Text (Webkit only!) */ .text-usopen { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #00aaff), color-stop(0.25, #ffff00), color-stop(0.5, #ffffff), color-stop(0.75, #ffff00), color-stop(1, #00aaff)); background-image: -webkit-linear-gradient(left, #00aaff 0%, #ffff00 25%, #ffffff 50%, #ffff00 75%, #00aaff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-usopen 4s infinite; color: #00aaff; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-usopen {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* French Open Text (Webkit only!) */ .text-frenchopen { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF8C00), color-stop(0.5, #FF8C00), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(left, #FF8C00 0%, #FF8C00 50%, #ffffff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-frenchopen 4s infinite; color: #00aaff; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-frenchopen {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* RainbowV2 Text (Webkit only!) */ .text-RainbowV2 { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #de0bc9), color-stop(0.20, #ff1c1c), color-stop(0.40, #ffbf1c), color-stop(0.60, #02bf09), color-stop(0.8, #0267bf), color-stop(1, #de0bc9)); background-image: -webkit-linear-gradient(left, #de0bc9 0%, #ff1c1c 20%, #ffbf1c 40%, #02bf09 60%, #0267bf 80%, #de0bc9 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-RainbowV2 6s infinite; color: #4f0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-RainbowV2 {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* APalmAndAFist Text */ .text-apalmandafist { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #87CEEB/* sky blue */), color-stop(0.25, #0000FF/* blue */), color-stop(0.5, #FFFF00/* yellow */), color-stop(0.75, #000000/* black */), color-stop(1, #008000/* green */)); background-image: -webkit-linear-gradient(left, #87CEEB 0%, #0000FF 25%, #FFFF00 50%, #000000 75%, #008000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-apalmandafist 4s infinite; color: #008000/* green */; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-apalmandafist {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Halloween Text */ .text-halloween { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #a15e06), color-stop(0.2, #ffaf45), color-stop(0.4, #ffffff/* white */), color-stop(0.6, #000000/* black */), color-stop(0.8, #ffaf45/* green */), color-stop(1, #a15e06)); background-image: -webkit-linear-gradient(left, #a15e06 0%, #ffaf45 20%, #ffffff 40%, #000000 60%, #ffaf45 80%, #a15e06 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-halloween 4s infinite; color: #ffaf45/* green */; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-halloween {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* SubSpace Text (Webkit only!) */ .text-subspace { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #2e00fa), color-stop(0.25, #9400d9), color-stop(0.5, #5d05b5), color-stop(0.75, #0e0340), color-stop(1, #26137d)); background-image: -webkit-linear-gradient(left, #2e00fa 0%, #9400d9 25%, #5d05b5 50%, #0e0340 75%, #26137d 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-subspace 4s infinite; color: #5d05b5; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-subspace {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Fall/Autumn Text */ .text-fall { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #a6620a), color-stop(0.2, #5c6b40), color-stop(0.4, #8a3d06), color-stop(0.6, #fcec00), color-stop(0.8, #663a00), color-stop(1, #a6620a)); background-image: -webkit-linear-gradient(left, #a6620a 0%, #5c6b40 20%, #8a3d06 40%, #fcec00 60%, #663a00 80%, #a6620a 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-fall 6s infinite; color: #a6620a; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-fall {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* TheYounglings Font */ .text-theyounglings { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fc0303), color-stop(0.25, #fa703e), color-stop(0.5, #fac32a), color-stop(0.75, #111111), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(left, #fc0303 0%, #fa703e 25%, #fac32a 50%, #111111 75%, #ffffff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-theyounglings 4s infinite; color: #a6620a; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-theyounglings {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Christmas V2 Text*/ .text-christmasv2 { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff1100), color-stop(0.5, #279c29), color-stop(1, #fcfffc)); background-image: -webkit-linear-gradient(left, #ff1100 0%, #279c29 50%, #fcfffc 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-christmasv2 4s infinite; color: #fcfffc; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-christmasv2 {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Dr. Pepper Text*/ .text-drpepper { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #9c0e0e), color-stop(0.5, #120000), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(left, #9c0e0e 0%, #120000 50%, #ffffff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-drpepper 4s infinite; color: #ffffff; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-drpepper {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Android Text*/ .text-android { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1EFF00), color-stop(0.33, #11FF00), color-stop(0.66, #00FFAC), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(left, #1EFF00 0%, #11FF00 33%, #00FFAC 66%, #ffffff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-android 4s infinite; color: #00FFAC; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-android {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Apple (Company) Text (Webkit only!) */ .text-apple { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #96F6FF), color-stop(0.5, #00E9FF), color-stop(0.75, #00D1FF), color-stop(1, #00ACFF)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #96F6FF 25%, #00E9FF 50%, #00D1FF 75%, #00ACFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: text-apple 4s infinite; color: #00ACFF; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes text-apple { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Mountain Dew Text*/ .text-mtndew { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #3b6e37), color-stop(0.33, #50c746), color-stop(0.66, #193b16), color-stop(1, #ff2626)); background-image: -webkit-linear-gradient(left, #3b6e37 0%, #50c746 33%, #193b16 66%, #ff2626 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-mtndew 4s infinite; color: #193b16; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-mtndew {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Pepsi Text*/ .text-pepsi { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #4287f5), color-stop(0.33, #ff0000), color-stop(0.66, #ffffff), color-stop(1, #0051c2)); background-image: -webkit-linear-gradient(left, #4287f5 0%, #ff0000 33%, #ffffff 66%, #0051c2 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-pepsi 4s infinite; color: #193b16; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-pepsi {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Coca Cola Text*/ .text-coke { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f54242), color-stop(0.33, #ff0000), color-stop(0.66, #302d2d), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #f54242 0%, #ff0000 33%, #302d2d 66%, #000000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-coke 4s infinite; color: #f54242; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-coke {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Sprite Text*/ .text-sprite { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f4fc03), color-stop(0.33, #56ad2d), color-stop(0.66, #2d4fad), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(left, #f4fc03 0%, #56ad2d 33%, #2d4fad 66%, #ffffff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-sprite 4s infinite; color: #2d4fad; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-sprite {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Equality Text*/ .text-equality { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #270703), color-stop(0.2, #59312C), color-stop(0.4, #9D5F58), color-stop(0.6, #C38D86), color-stop(0.8, #F8CEC8), color-stop(1, #FFFFFF)); background-image: -webkit-linear-gradient(left, #270703 0%, #59312C 20%, #9D5F58 40%, #C38D86 60%, #F8CEC8 80%, #FFFFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-equality 4s infinite; color: #270703; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-equality {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Google Text*/ .text-google { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #4991e3), color-stop(0.33, #ed1c1c), color-stop(0.66, #fffb0d), color-stop(1, #44cf49)); background-image: -webkit-linear-gradient(left, #4991e3 0%, #ed1c1c 33%, #fffb0d 66%, #44cf49 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-sprite 4s infinite; color: #2d4fad; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-google {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Elf Text*/ .text-elf { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #42f56c), color-stop(0.5, #9932CC), color-stop(1, #a83232)); background-image: -webkit-linear-gradient(left, #42f56c 0%, #9932CC 50%, #a83232 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-elf 4s infinite; color: #9932CC; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-elf {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*george Text*/ .text-george { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0a21dc), color-stop(0.5, #8b19e4), color-stop(1, #ae118a)); background-image: -webkit-linear-gradient(left, #0a21dc 0%, #8b19e4 50%, #ae118a 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-george 4s infinite; color: #9932CC; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-george {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Cool Text*/ .text-cool { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #c5a42b), color-stop(0.25, #ec7c40), color-stop(0.5, #0864ad), color-stop(0.75, #60faab), color-stop(1, #f693c6)); background-image: -webkit-linear-gradient(left, #c5a42b 0%, #ec7c40 25%, #0864ad  50%, #60faab  75%, #f693c6 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-cool 2s infinite; color: #c5a42b; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-cool {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Starburst Text*/ .text-starburst { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(0.25, #90ee90), color-stop(0.5, #FFC0CB), color-stop(0.75, #FFFF00), color-stop(1, #00FFFF)); background-image: -webkit-linear-gradient(left, #FF0000 0%, #FFA500 25%, #FFC0B  50%, #FFFF00  75%, #00FFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-starburst 7s infinite; color: #FF0000; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-starburst {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Generator Text*/ .text-generator { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8c0ae2), color-stop(0.25, #576fb7), color-stop(0.5, #25e3cd), color-stop(0.75, #0dff0c), color-stop(1, #985a51)); background-image: -webkit-linear-gradient(left, #8c0ae2 0%, #576fb7 25%, #25e3cd  50%, #0dff0c  75%, #985a51 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-generator 3s infinite; color: #8c0ae2; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-generator {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Glitch Text*/ .text-glitch { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #6d6023), color-stop(0.25, #c8c360), color-stop(0.5, #c99582), color-stop(0.75, #0ea56a), color-stop(1, #5f3bc0)); background-image: -webkit-linear-gradient(left, #6d6023 0%, #c8c360 25%, #c99582  50%, #0ea56a  75%, #5f3bc0 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-glitch 2.5s infinite; color: #6d6023; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-glitch {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Moon Text*/ .text-moon { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(0.5, #FF0000), color-stop(1, #00FFFF)); background-image: -webkit-linear-gradient(left, #000000 0%, #FF0000 50%, #00FFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-moon 4s infinite; color: #000000; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-moon {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Sherbet Text*/ .text-sherbet { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #bd3686), color-stop(0.2, #f600b7), color-stop(0.4, #9ba5bb), color-stop(0.6, #3ef873), color-stop(0.8, #ddee83), color-stop(1, #21f92d)); background-image: -webkit-linear-gradient(left, #bd3686 0%, #f600b7 20%, #9ba5bb 40%, #3ef873 60%, #ddee83 80%, #21f92d 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-sherbet 4s infinite; color: #bd3686; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-sherbet { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Arcane Text*/ .text-arcane { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #228B22), color-stop(0.33, #ffff00), color-stop(0.66, #FF0000), color-stop(1, #000000)); background-image: -webkit-linear-gradient(left, #228B22 0%, #ffff00   33%, #FF0000  66%, #000000  100%,); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-arcane 4s infinite; color: #228B22; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-arcane {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Avatar Text*/ .text-avatar { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #00FFFF), color-stop(0.33, #A52A2A), color-stop(0.66, #FF0000), color-stop(1, #FFFFFF)); background-image: -webkit-linear-gradient(left, #00FFFF 0%, #D2691E   33%, #FF0000  66%, #FFFFFF  100%,); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-avatar 5.2s infinite; color: #00FFFF; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-avatar {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* Rain Text (Webkit only!) */ .text-rain { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1D2951), color-stop(0.25, #0b1229), color-stop(0.5, #0000FF), color-stop(0.75, #152238), color-stop(1, #D85DCB)); background-image: -webkit-linear-gradient(left, #1D2951 0%, #0E3D92 25%, #21488C 50%, #0E3D92 75%, #0A162C 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-rain 4s infinite; color: #33cccc; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-rain { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

.text-fandomfast { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.25, #7babb3), color-stop(0.5, #032E35), color-stop(0.75, #00d6c5), color-stop(1, #00E0CE)); background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #7babb3 25%, #032E35 50%, #00d6c5 75%, #00E0CE 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-fandomfast 4s infinite; color: #00E0CE; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold; font-family: 'Space Grotesk'; background-image: url('https://static.wikia.nocookie.net/big-nate-comments/images/1/15/FandomLogo.png'); } @keyframes Text-fandomfast { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Republican Text*/ .text-republican { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f53b3b), color-stop(0.5, #d40d0d), color-stop(1, #ff0000)); background-image: -webkit-linear-gradient(left, #f53b3b 0%, #d40d0d 50%, #ff0000 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-republican 4s infinite; color: #f53b3b; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-republican {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Democrat Text*/ .text-democrat { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #328ba8), color-stop(0.5, #2d84f7), color-stop(1, #0d17db)); background-image: -webkit-linear-gradient(left, #328ba8 0%, #2d84f7 50%, #0d17db 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-democrat 4s infinite; color: #9932CC; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-democrat {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Lava Text*/ .text-lava { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fc5e03), color-stop(0.5, #4f4e4c), color-stop(1, #030303)); background-image: -webkit-linear-gradient(left, #fc5e03 0%, #4f4e4c 50%, #030303 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-lava 4s infinite; color: #fc5e03; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-lava {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Neon Text*/ .text-neon { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #00ff22), color-stop(0.5, #4f4e4c), color-stop(1, #030303)); background-image: -webkit-linear-gradient(left, #00ff22 0%, #4f4e4c 50%, #030303 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-neon 4s infinite; color: #00ff22; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-neon {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Rubber Duck Text*/ .text-rubberduck { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fff700), color-stop(0.5, #ffb700), color-stop(1, #30302f)); background-image: -webkit-linear-gradient(left, #fff700 0%, #ffb700 50%, #30302f 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-rubberduck 4s infinite; color: #00ff22; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-rubberduck {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Earth Text (Webkit only!) */ .text-Earth { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0B731E), color-stop(0.25, #2834CB), color-stop(0.5, #2834CB), color-stop(0.75, #9D8B18), color-stop(1, #E0DFE3)); background-image: -webkit-linear-gradient(left, #0B731 0%, #2834CB 25%, #2834CB 50%, #E0DFE3); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Earth 4s infinite; color: #2834CB; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-Earth {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Non-American Text*/ .text-non-american { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0000FF), color-stop(0.5, #FF0000), color-stop(1, #800080)); background-image: -webkit-linear-gradient(left, #0000FF 0%, #FF0000 50%, #800080 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-non-american 4s infinite; color: #800080; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-non-american {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Technoblade Text*/ .text-technoblade { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ee9ca7), color-stop(1, #ffdde1)); background-image: -webkit-linear-gradient(left, #ee9ca7 0%, #ffdde1 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-technoblade 4s infinite; color: #ee9ca7; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-technoblade {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Reddit Text (Webkit only!) */ .text-reddit { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff4800), color-stop(0.5, #ffffff), color-stop(1, #ff4800)); background-image: -webkit-linear-gradient(left, #ff4800 0%, #ffffff 50%, #ff4800 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-reddit 3s infinite; color: #ff4800; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-reddit {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Sunset Text*/ .text-sunset { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff8503), color-stop(0.5, #fc9221), color-stop(1, #f2c200)); background-image: -webkit-linear-gradient(left, #ff8503 0%, #fc9221 50%, #f2c200 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-sunset 4s infinite; color: #f2c200; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-sunset {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Advent Calendar Text (Webkit only!) */ .text-advent { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #db290d),    color-stop(0.25, #ebd8d8), color-stop(0.5, #ebd8d8), color-stop(0.75, #ebd8d8), color-stop(1, #c21717)); background-image: -webkit-linear-gradient(left, #db290d 0%, #ebd8d8 25%, #ebd8d8 50%, #ebd8d8 75%, #c21717 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-advent 4s infinite; color: #ebd8d8; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-advent {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* water water water water Text */ .text-water { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #21d0d9), color-stop(0.25, #0ab7d1), color-stop(0.5, #09a5e8), color-stop(0.75, #1191d1), color-stop(1, #0033ff)); background-image: -webkit-linear-gradient(left, #21d0d9 0%, #0ab7d1 25%, #09a5e8 50%, #1191d1 75%, #0033ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-water 5s infinite; color: #FFFF00; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-water

{0% {background-position: 0% 50%}

50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Hug It Out Text*/ .text-hugitout { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #F16529), color-stop(0.5, #FFD200), color-stop(1, #c31432)); background-image: -webkit-linear-gradient(left, #F16529 0%, #FFD200 50%, #c31432 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-hugitout 4s infinite; color: #f2c200; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-hugitout {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Flame Text*/ .text-flame { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f12711), color-stop(1, #f5af19)); background-image: -webkit-linear-gradient(left, #f12711 0%, #f5af19 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-flame 2.5s infinite; color: #f2c200; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-flame {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*GoComics Text*/ .text-gocomics { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1c92d2), color-stop(1, #f2fcfe)); background-image: -webkit-linear-gradient(left, #1c92d2 0%, #f2fcfe 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-gocomics 2.5s infinite; color: #f2c200; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-gocomics {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Sky Text*/ .text-sky { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #56CCF2), color-stop(1, #2F80ED)); background-image: -webkit-linear-gradient(left, #56CCF2 0%, #2F80ED 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-sky 3s infinite; color: #f2c200; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-sky {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Spammer Text (Webkit only!) */ .text-spammer { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #93291E),    color-stop(0.25, #FDC830), color-stop(0.5, #0083B0), color-stop(0.75, #FFFFFF), color-stop(1, #89216B)); background-image: -webkit-linear-gradient(left, #93291E 0%, #FDC830 25%, #0083B0 50%, #FFFFFF 75%, #89216B 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-spammer 2s infinite; color: #ebd8d8; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-spammer {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/* Purpull Text (Webkit only!) */ .text-Purpull { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #c97bed ), color-stop(0.25, #c151f5), color-stop(0.5, #af18f5 ), color-stop(0.75, #ae00ff), color-stop(1,#7105a3 )); background-image: -webkit-linear-gradient(left, #c97bed 0%,#c151f5 25%, #af18f5 50%, #7105a3); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Purpull 4s infinite; color: #c97bed; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Purpull {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Brawl Box Text*/ .text-brawlbox { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #78dfff), color-stop(0.5, #2e70ff), color-stop(1, #adb1ba)); background-image: -webkit-linear-gradient(left, #78dfff 0%, #2e70ff 50%, #adb1ba 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-brawlbox 4s infinite; color: #f2c200; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-brawlbox {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Brawl Box Text*/ .text-megabox { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fa5a5a), color-stop(0.5, #fff538), color-stop(1, #455eff)); background-image: -webkit-linear-gradient(left, #fa5a5a 0%, #fff538 50%, #455eff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-megabox 4s infinite; color: #f2c200; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-megabox {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Big Box Text*/ .text-bigbox { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8209d9), color-stop(1, #ddcfe8)); background-image: -webkit-linear-gradient(left, #8209d9 0%, #ddcfe8 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-bigbox 3s infinite; color: #f2c200; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-bigbox {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

/*Chromatic Text*/ .text-chromatic { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff6257), color-stop(0.33, #fff424), color-stop(0.66, #ff6524), color-stop(1, #d445ff)); background-image: -webkit-linear-gradient(left, #ff6257 0%, #fff424 33%, #ff6524 66%, #d445ff 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-chromatic 3s infinite; color: #f2c200; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-chromatic {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

.text-Satan { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #eb2626 ), color-stop(0.25, #cc1616 ), color-stop(0.5, #cf391b ), color-stop(0.75, #a30a0a ), color-stop(1, #520b0b)); background-image: -webkit-linear-gradient(left, #eb2626 0%, #cf391b 25%, #a30a0a 50%, #520b0b); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Purpull 4s infinite; color: #eb2626; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Satan {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /* kiwi Text (Webkit only!) */ .text-kiwi { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #99c957), color-stop(0.25, #3bb442), color-stop(0.5, #32c7c4), color-stop(0.75, #1bc543), color-stop(1, #5297ce)); background-image: -webkit-linear-gradient(left, #99c957 0%, #3bb442 25%, #32c7c4 50%, #1bc543 75%, #5297ce 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-kiwi 4s infinite; color: #99c957; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-kiwi { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*csk Text*/ .text-csk { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #F9CD05), color-stop(0.33, #1D418C), color-stop(0.66, #ffffff), color-stop(1, #F9CD05)); background-image: -webkit-linear-gradient(left, #F9CD05 0%, #1D418C 33%, #ffffff 66%, #F9CD05 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-csk 5s infinite; color: #F9CD05; /* Fallback color for non-webkit browsers */ white-space: nowrap; } /*RCB Text*/ .text-rcb { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #F40606), color-stop(0.5, #000000), color-stop(1, #F6E30E)); background-image: -webkit-linear-gradient(left, #F40606 0%, #000000 50%, #F6E30E 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-rcb 4s infinite; color: #F40606; /* Fallback color for non-webkit browsers */ white-space: nowrap; }

@keyframes Text-rcb {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

.text-highground { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #2fa5e7), color-stop(0.25, #95bba6), color-stop(0.5, #33b1b1), color-stop(0.75, #7945ab), color-stop(1, #00cd3e)); background-image: -webkit-linear-gradient(left, #2fa5e7 0%, #95bba6 25%, #33b1b1 50%, #7945ab 75%, #00cd3e 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-highground 4s infinite; color: #00cd3e; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold; font-family: 'Rubik'; background-image: url('https://www.searchpng.com/wp-content/uploads/2019/01/Earth-Clipart-PNG-Transparent-Image-1024x1024.png'); } @keyframes Text-highground { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

.text-Charizard { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #2fa5e7), color-stop(0.25, #95bba6), color-stop(0.5, #33b1b1), color-stop(0.75, #7945ab), color-stop(1, #00cd3e)); background-image: -webkit-linear-gradient(left, #2fa5e7 0%, #95bba6 25%, #33b1b1 50%, #7945ab 75%, #00cd3e 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Charizard 4s infinite; color: #00cd3e; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-weight: bold; font-family: 'Rubik'; background-image: url('https://media.discordapp.net/attachments/745671096413585461/801113369155076096/char2.gif'); } @keyframes Text-Charizard { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

.text-fandomrapid{ background-image: radial-gradient(#7babb3, #032E35, #00d6c5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 400%; background-position: -400%; font-family: Luminari; animation: Text-starburst 2s infinite alternate-reverse; } .text-gasterblaster{ background-image: url(https://static.wikia.nocookie.net/9e44ae28-326c-40da-ad32-d2d18c830f10); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-size: 400%; background-position: -400%; animation: animatedText 5s infinite alternate-reverse; } @keyframes Text-starburst{ from{ background-position: 0%; } to{ background-position: 100%; } } /*Blue Dream Font*/ .text-blue_dream { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FF0000), color-stop(1, #0000FF)); background-image: -webkit-linear-gradient(left, #FF0000 0%, #0000FF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-blue_dream 4s infinite; color: #0000FF; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-family: 'Arial, sans-serif' }

@keyframes Text-blue_dream {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*Waves*/ .text-waves { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0000FF), color-stop(1, #0033FF), color-stop(2, #0066FF), color-stop(3, #0099FF), color-stop(4, #00CCFF), color-stop(5, #00FFFF)); background-image: -webkit-linear-gradient(left, #0000FF 0%, #0033FF 20%, #0066FF 40%, #0099FF 60%, #00CCFF 80%, #00FFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-waves 4s infinite; color: #0000FF; /* Fallback color for non-webkit browsers */ white-space: nowrap; font-family: 'Arial, sans-serif' }

@keyframes Text-waves {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /********************* Image Fonts *********************************/ .text-prism{ background-image:url(https://static.wikia.nocookie.net/c6b01f9c-7714-4757-8fe1-7263698b70d3); -webkit-background-clip: text; background-clip: text; color: transparent; background-size: 400%; background-position: -400%; animation: Text-starburst 2.7s infinite alternate-reverse; font-family: sans-serif; } /********************* Solid Fonts *********************************/ .text-spyrosays{ font-family: roboto; color: #00B2FF; text-shadow: 0 0 0.05em #00FCF8, 0 0 00.5em #00FCF8, 0 0 0.5em #00D8FF; }