*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.linear{
width: 100%;
height: 100vh;
background-image: linear-gradient(red,yellow,orange)
}
.linear{
width: 100%;
height: 100vh;
background-image: linear-gradient(red,yellow,orange)}

.radial{
 width: 100%;
height: 100vh;
background-image:radial-gradient(circle, green 20%,blue 30%, black 20%,white 30%)
}