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