/*html:not(img) {
  filter: hue-rotate(-952deg) saturate(250%);
}*/

/*img {
  filter:hue-rotate(620deg) saturate(60%);
}*/

/* img {

filter: none !important;

}*/

.logo_upd {
  fill: white;width: 100%;display: flex;justify-content: center;height: 100%;
}

.logo_upd > svg {
  height: 100%; width: 90%;
}

.logo_upd > svg > g {
	position: fixed;
}

.logo_upd > svg > g > :nth-child(1 of path) {
	animation-name: anim1;
    animation-duration: 1700ms;
}
.logo_upd > svg > g > :nth-child(2 of path) {
	animation-name: anim2;
    animation-duration: 2400ms;
}
.logo_upd > svg > g > :nth-child(3 of path) {
	animation-name: anim3;
    animation-duration: 2800ms;
}
.logo_upd > svg > g > :nth-child(4 of path) {
	animation-name: anim4;
    animation-duration: 2400ms;
}
.logo_upd > svg > g > :nth-child(5 of path) {
	animation-name: anim5;
    animation-duration: 2600ms;
}
.logo_upd > svg > g > :nth-child(6 of path) {
	animation-name: anim6;
    animation-duration: 3000ms;
}
.logo_upd > svg > g > :nth-child(7 of path) {
	animation-name: anim7;
    animation-duration: 3200ms;
}
.logo_upd > svg > g > :nth-child(8 of path) {
	animation-name: anim8;
    animation-duration: 3400ms;
}
.logo_upd > svg > g > :nth-child(9 of path) {
	animation-name: anim9;
    animation-duration: 3600ms;
}

@keyframes anim1 {
  0% {
  	transform: matrix(4,0,0,4,2125,-2125);
  }
  80% {
  	transform: matrix(4,0,0,4,2125,-2125);
  }
  100% {
  	transform: matrix(1,0,0,1,0,0);
  }
}
@keyframes anim2 {
  0% {
  	opacity: 0;
  }
  60% {
  	opacity: 0;
  	transform: matrix(1,0,0,1,1119,0);
  }
  100% {
  	opacity: 1;
  	transform: matrix(1,0,0,1,0,0);
  }
}
@keyframes anim3 {
  0% {
  	opacity: 0;
  }
  60% {
  	opacity: 0;
  	transform: matrix(1,0,0,1,1119,0);
  }
  100% {
  	opacity: 1;
  	transform: matrix(1,0,0,1,0,0);
  }
}
@keyframes anim4 {
  0% {
  	opacity: 0;
  }
  60% {
  	opacity: 0;
  	transform: matrix(1,0,0,1,1119,0);
  }
  100% {
  	opacity: 1;
  	transform: matrix(1,0,0,1,0,0);
  }
}
@keyframes anim5 {
  0% {
  	opacity: 0;
  }
  60% {
  	opacity: 0;
  	transform: matrix(1,0,0,1,1119,0);
  }
  100% {
  	opacity: 1;
  	transform: matrix(1,0,0,1,0,0);
  }
}
@keyframes anim6 {
  0% {
  	opacity: 0;
  }
  60% {
  	opacity: 0;
  	transform: matrix(1,0,0,1,1119,0);
  }
  100% {
  	opacity: 1;
  	transform: matrix(1,0,0,1,0,0);
  }
}
@keyframes anim7 {
  0% {
  	opacity: 0;
  }
  60% {
  	opacity: 0;
  	transform: matrix(1,0,0,1,1119,0);
  }
  100% {
  	opacity: 1;
  	transform: matrix(1,0,0,1,0,0);
  }
}
@keyframes anim8 {
  0% {
  	opacity: 0;
  }
  60% {
  	opacity: 0;
  	transform: matrix(1,0,0,1,1119,0);
  }
  100% {
  	opacity: 1;
  	transform: matrix(1,0,0,1,0,0);
  }
}
@keyframes anim9 {
  0% {
  	opacity: 0;
  }
  60% {
  	opacity: 0;
  	transform: matrix(1,0,0,1,1119,0);
  }
  100% {
  	opacity: 1;
  	transform: matrix(1,0,0,1,0,0);
  }
}


.splash  {
  position: fixed;
  transform: translate(-100%);
  width: 100%;
  background: #7cc440;
  animation-name: anim10 ;
  animation-duration: 5000ms;
  opacity: 1;
  height: 100%;
}

.splash  > div {
  position: fixed;width: 100%;height: 100%;
}

@keyframes anim10 {
  0% {
    opacity: 1;
    transform: translate(0%);
  }
  90% {
    opacity: 1;
    transform: translate(0%);
  }
  99% {
    opacity: 0;
    transform: translate(0%);
  }
  100% {
  	opacity: 0;
  	transform: translate(-100%);
  }
}