html { }

body {
	background: linear-gradient(45deg, #809DFF, #230a59, #809DFF);
    background-size: 600% 600%;
    
    -webkit-animation: gradient 20s ease infinite;
    -moz-animation: gradient 20s ease infinite;
    -o-animation: gradient 20s ease infinite;
    animation: gradient 20s ease infinite;
}

#logo img {
	max-width: 25%;
}

#logo {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
}

.touchevents #logo {
    height: 85vh;
}

.touchevents #logo img {
	max-width: 60%;
}

@-webkit-keyframes gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}