html,body{ margin: 0; padding: 0; overflow: hidden; }

#background { 
  height: 100%;
  width: 100%;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
background: linear-gradient(124deg, #03045eff, #023e8aff, #0077b6ff, #0096c7ff, #00b4d8ff, #48cae4ff, #90e0efff, #ade8f4ff, #caf0f8ff);
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%}
}

#background2{
	z-index: 50;
	position: fixed;
	top: -300vh;
	left: -300vw;
	width: 600vw;
	height: 600vh;
	background-image: url("background.png");
	background-repeat: repeat;
	background-size: 800px;
	overflow: hidden;
	animation: backgroundScroll 30s linear infinite;
	transform-origin: center center;
	transform: rotate(-40deg);
}
@keyframes backgroundScroll {
	0% {
    background-position: 0 0;
  }
	100% {
    background-position:0 -1600px;
  }
}