So I fiddled with changing the styles.css by changing the gradient from html to body and it turns out I have to put the same settings to both body and html.

html{
    height:100%;
    width:100%;
    background-image: linear-gradient(rgb(60,43,91), rgb(153,39,77));
    background-repeat: no-repeat;
    background-size:100%;  
}
body{
    height:100%;
    background-image: linear-gradient(rgb(60,43,91), rgb(153,39,77));
}