html{
  height: 100%;
}
body {
  min-height: 100%;
}

body {
    min-width: 100%;
    min-height: 100%;
    background: linear-gradient(230deg, #a24bcf, #4b79cf, #4bc5cf);
    background-size: 300% 300%;
    -webkit-animation: MoveBG 60s ease infinite;
    -moz-animation: MoveBG 60s ease infinite;
    -o-animation: MoveBG 60s ease infinite;
    -webkit-animation: MoveBG 60s ease infinite;
}
/* Keyframes for animations */

@-webkit-keyframes MoveBG {
    0% {
        background-position: 0% 84%
    }
    50% {
        background-position: 100% 16%
    }
    100% {
        background-position: 0% 84%
    }
}
@-moz-keyframes MoveBG {
    0% {
        background-position: 0% 84%
    }
    50% {
        background-position: 100% 16%
    }
    100% {
        background-position: 0% 84%
    }
}
@-o-keyframes MoveBG {
    0% {
        background-position: 0% 84%
    }
    50% {
        background-position: 100% 16%
    }
    100% {
        background-position: 0% 84%
    }
}
@-webkit-keyframes MoveBG {
    0% {
        background-position: 0% 84%
    }
    50% {
        background-position: 100% 16%
    }
    100% {
        background-position: 0% 84%
    }
}

p, ul, h3 {
font-size: 16px;
line-height: 1.5em;
margin-bottom: 24px;
}

.bottom {
    bottom: 0;
}