diff --git a/type/colorful.css b/type/colorful.css
index ad4038c..9d9328f 100644
--- a/type/colorful.css
+++ b/type/colorful.css
@@ -111,3 +111,97 @@ progress {
 .defaultCardBackground5 {
 	background-color: rgba(var(--accent), .6);
 }
+
+/*Syncplay*/
+@-webkit-keyframes pulse {
+ 0% {
+  -webkit-transform:scale(.95);
+  transform:scale(.95);
+  color:rgba(var(--accent),.7);
+  background:rgba(var(--accent),.3);
+  box-shadow:0 0 0 0 rgba(var(--accent),.3)
+ }
+ 70% {
+  -webkit-transform:scale(1);
+  transform:scale(1);
+  color:rgba(var(--accent),0);
+  background:rgba(var(--accent),0);
+  box-shadow:0 0 0 60px rgba(var(--accent),0)
+ }
+ to {
+  -webkit-transform:scale(.95);
+  transform:scale(.95);
+  color:rgba(var(--accent),0);
+  background:rgba(var(--accent),0);
+  box-shadow:0 0 0 0 rgba(var(--accent),0)
+ }
+}
+@keyframes pulse {
+ 0% {
+  -webkit-transform:scale(.95);
+  transform:scale(.95);
+  color:rgba(var(--accent),.7);
+  background:rgba(var(--accent),.3);
+  box-shadow:0 0 0 0 rgba(var(--accent),.3)
+ }
+ 70% {
+  -webkit-transform:scale(1);
+  transform:scale(1);
+  color:rgba(var(--accent),0);
+  background:rgba(var(--accent),0);
+  box-shadow:0 0 0 60px rgba(var(--accent),0)
+ }
+ to {
+  -webkit-transform:scale(.95);
+  transform:scale(.95);
+  color:rgba(var(--accent),0);
+  background:rgba(var(--accent),0);
+  box-shadow:0 0 0 0 rgba(var(--accent),0)
+ }
+}
+@-webkit-keyframes infinite-pulse {
+ 0% {
+  -webkit-transform:scale(.95);
+  transform:scale(.95);
+  color:rgba(var(--accent),.7);
+  background:rgba(var(--accent),.3);
+  box-shadow:0 0 0 0 rgba(var(--accent),.3)
+ }
+ 70% {
+  -webkit-transform:scale(1);
+  transform:scale(1);
+  color:rgba(var(--accent),.6);
+  background:rgba(var(--accent),0);
+  box-shadow:0 0 0 60px rgba(var(--accent),0)
+ }
+ to {
+  -webkit-transform:scale(.95);
+  transform:scale(.95);
+  color:rgba(var(--accent),.7);
+  background:rgba(var(--accent),.3);
+  box-shadow:0 0 0 0 rgba(var(--accent),0)
+ }
+}
+@keyframes infinite-pulse {
+ 0% {
+  -webkit-transform:scale(.95);
+  transform:scale(.95);
+  color:rgba(var(--accent),.7);
+  background:rgba(var(--accent),.3);
+  box-shadow:0 0 0 0 rgba(var(--accent),.3)
+ }
+ 70% {
+  -webkit-transform:scale(1);
+  transform:scale(1);
+  color:rgba(var(--accent),.6);
+  background:rgba(var(--accent),0);
+  box-shadow:0 0 0 60px rgba(var(--accent),0)
+ }
+ to {
+  -webkit-transform:scale(.95);
+  transform:scale(.95);
+  color:rgba(var(--accent),.7);
+  background:rgba(var(--accent),.3);
+  box-shadow:0 0 0 0 rgba(var(--accent),0)
+ }
+}