body {
    background: linear-gradient(271deg, #4bd3ff, #ff8585, #8598ff);
    background-size: 600% 600%;

    -webkit-animation: BackgroundKhloe 35s ease infinite;
    -moz-animation: BackgroundKhloe 35s ease infinite;
    animation: BackgroundKhloe 35s ease infinite;
}

@-webkit-keyframes BackgroundKhloe {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@-moz-keyframes BackgroundKhloe {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@keyframes BackgroundKhloe {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

h1 {
    width: 100%;
    line-height: 100vh;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}

