@-webkit-keyframes logoAnime {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes logoAnime {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes logoAnime {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
body {
     background: linear-gradient(270deg, #d5a97f, #c2d04a, #50bdb4, #929fe8, #d08ed7);
    background-size: 1000% 1000%;
    -webkit-animation: logoAnime 30s ease infinite;
    -moz-animation: logoAnime 30s ease infinite;
    animation: logoAnime 30s ease infinite;
    margin:0;
    padding:0;
    }
.logoarea{
	position:relative;
	width: 100%;
	height: 100vh;
}
.logo{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 200px;
}
.logo img{
	display:block;
}