/*** ease ***/
.ease { 
    transition: all 0.2s ease-in-out;
}

/*** gradients ***/
/* to adjust, edit the hex values below, replacing them with custom swatches */
/* red to orange */
.gradient1 {
    background : linear-gradient(to right bottom, #FF5D80, #FF742F);
}

/* yellow to green */
.gradient2 {
    background : linear-gradient(to right bottom, #FFBE00, #A8DF09);
}
 
/* blue to purple */   
.gradient3 {
    background : linear-gradient(to right bottom, #0CB3CF, #B994FF);
}
 
/* violet to ochre */   
.gradient4 {
    background : linear-gradient(to right bottom, #FF5BFF, #EBB047);
}
  
/* red, orange, yellow, green, blue, purple, violet, ochre */
.gradient5 {
    background : linear-gradient(to right, #FF5D80, #FF742F, #FFBE00, #A8DF09, #0CB3CF, #B994FF, #FF5BFF, #EBB047);
}