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

/* Section-1 */
.s1{
    width: 100%;
    height: 100vh;
    text-align: center;
    background-image: linear-gradient(red, yellow);
}

/* Section-2 */
.s2{
    width: 100%;
    height: 100vh;
    text-align: center;
    background-image: linear-gradient( to right, red, yellow);
}

/* Section-3 */
.s3{
    width: 100%;
    height: 100vh;
    text-align: center;
    background-image: linear-gradient( to Left, red, yellow);
}

/* Section-4 */
.s4{
    width: 100%;
    height: 100vh;
    text-align: center;
    background-image: linear-gradient( to top, red, yellow); 
}

/* Section-5 */
.s5{
    width: 100%;
    height: 100vh;
    text-align: center;
    background-image: linear-gradient( to right top, red, yellow); 
}

/* Section-s6 */
.s6{
    width: 100%;
    height: 100vh;
    text-align: center;
    background-image: linear-gradient( to left top, red, yellow); 
}