body {
    background: linear-gradient(142deg, #24aa88, #246eaa);
    background-size: 400% 400%;

    animation: granimate 5s ease infinite;

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

.jumbotron {
   background: rgb(200, 54, 54); /* This is for ie8 and below */
   background: rgba(200, 54, 54, 0); 
   color: white;
}

#fadeinh {
  opacity: 0;
  position: relative;
  animation: fadein 1s forwards;
}

#fadeinp {
  opacity: 0;
  position: relative;
  animation: fadein 1s forwards;
  animation-delay: 0.5s;
}

#fadeinb {
  opacity: 0;
  position: relative;
  animation: fadein 1s forwards;
  animation-delay: 1s;
}

@keyframes fadein {
  from { opacity: 0; top: 50px;}
  to   { opacity: 1; top: 0px;}
}