Rainbow Dark Whatsapp

header._3AwwN {
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;

-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 18s ease infinite;
  animation: rainbow 18s ease infinite;
}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}

#pane-side > div > div > div > div > div > div > div:nth-child(2) > div > div:nth-child(1) > span,
#pane-side > div > div > div > div > div > div > div:nth-child(2) > div > div > span,
#main > header > div:nth-child(2) > div > div > span {
	font-weight: bold;
}

#main > header > div:nth-child(2) > div > div > span {
	color: black!important;
}

#pane-side > div > div > div > div > div > div > div:nth-child(2) > div > div:nth-child(1) > span {
   /* Chrome, Safari, Opera */
  -webkit-animation: rainbow-text 3s linear infinite; 
  
  /* Internet Explorer */
  -ms-animation: rainbow-text 3s linear infinite;
  
  /* Standar Syntax */
  animation: rainbow-text 3s linear infinite;   
}

/* Chrome, Safari, Opera */
@-webkit-keyframes rainbow-text {
  0%{color:magenta;}
	20%{color: red;}
	40%{color: yellow;}
	60%{color: green;}
	80%{color: blue;}
	100%{color: magenta;}	
}
/* Internet Explorer */
@-ms-keyframes rainbow-text {
  0%{color:magenta;}
	20%{color: red;}
	40%{color: yellow;}
	60%{color: green;}
	80%{color: blue;}
	100%{color: magenta;}
}

/* Standar Syntax */
@keyframes rainbow-text {
  0%{color:magenta;}
	20%{color: red;}
	40%{color: yellow;}
	60%{color: green;}
	80%{color: blue;}
	100%{color: magenta;}	
}

.app-wrapper:before {
    background-image: url(https://wallpaperlayer.com/img/2015/10/forest-background-8694-9022-hd-wallpapers.jpg)!important;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
}

#pane-side > div > div > div {
  background-image: url(http://fjordstudio.dk/assets/img/bg/diamonds.png);
}

.chat {
    background-color: transparent !important;
}