Testing Page

Test /****--[ Keyframes ]--****/ @-webkit-keyframes rainbow { 0%{: #ec59ee;} 20%{color: #ff6d72;} 40%{color: #f1d04c;color} 60%{color: #7fee69;} 80%{color: #55d5ee;} 100%{color: #596df9;} } @keyframes rainbow { 0%{color: #ec59ee;} 20%{color: #ff6d72;} 40%{color: #f1d04c;} 60%{color: #7fee69;} 80%{color: #55d5ee;} 100%{color: #596df9;} } @-webkit-keyframes allC { 0%{color: #FF00E6;} 20%{color: #FF0000;} 40%{color: #FF7E15;} 60%{color: #D7FFF7;} 80%{color: #EED441;} 100%{color: #CD4A00;} } @keyframes allC { 0%{color: #FF00E6;} 20%{color: #FF0000;} 40%{color: #FF7E15;} 60%{color: #D7FFF7;} 80%{color: #EED441;} 100%{color: #CD4A00;} } @keyframes topnav-Dropdown { 0%{opacity: 0; top: 30px;} 100%{opacity: 1; top: 40px;} } @-webkit-keyframes topnav-Dropdown { 0%{opacity: 0; top: 30px;} 100%{opacity: 1; top: 40px;} } /* 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-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-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%} } /* 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%} }

/* 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, #138808), color-stop(0.75, #000080), color-stop(1, #FF9933)); background-image: -webkit-linear-gradient(left, #FF9933 0%, #FFFFFF 25%, #138808 50%, #000080 75%, #6b77ff 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%} } /* 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%} }

/*Pepsi Text*/ .text-pepsi { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #4287f5), color-stop(0.300, #ff0000), color-stop(0.60, #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%} }

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

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

/* milkshake Text (Webkit only!) CREDIT TO NEPTUNE7NINJA2COMICS */ .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%} }

/* Potted Plant Yeah Text (Webkit only!) */ .text-plant { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #e46ceb), color-stop(0.5, #242626), color-stop(1, #4b5957)); background-image: -webkit-linear-gradient(left, #e46ceb 0%, #242626 50%, #4b5957 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-plant 10s infinite; color: #400994; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-plant { 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%} }

/* 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%} }

/* Discord Text (Webkit only!) */ .text-discord { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ADA6FF), color-stop(0.25, #ADA6FF), color-stop(0.5, #FFFFFF), color-stop(0.75, #FFFFFF), color-stop(1, #FFFFFF)); background-image: -webkit-linear-gradient(left, 0%, #ADA6FF 25%, #ADA6FF 50%,  #FFFFFF 75%,  #FFFFFF 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-discord 4s infinite; color: #ADA6FF; /* 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%} }

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

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

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