*{
    padding: 0px;
    margin: 0px;
    box-sizing: 0px;
}
/* body */
.body{
    width: 100%;
    height: 250vh;
    background: linear-gradient(to right,rgb(168, 196, 168),white,rgb(146, 170, 146));
}
.heading{
    width: 100%;
    height: 70vh;
}
.headrap{
    width: 90%;
    margin: auto;
    padding-top: 12%;
}
.headrap h1{
    font-size: 100px;
    color: black;
    font-family: serif;
}
.headrap h2{
    font-size: 25px;
    color: black;
    font-family: serif;
    font-weight: normal;
    margin-left: 6%;
    padding-top: 2%;
}

/* slideshow */
.slide{
    width: 100%;
    height: 170vh;
    padding: 0 0;
}
.container{
    height: 170vh;
    margin-left: 14%;
    width: 70%;
    background-image: url(./sk1.jpg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    animation-name: myani;
    animation-duration: 40s;
    animation-timing-function: step-start;
    animation-iteration-count: infinite;
}
@keyframes myani{
    0%{background-image: url(sk1.jpg);}
    5%{background-image: url(sk2.jpg); 
    }
    10%{background-image: url(sk3.jpg);    
    }
    15%{background-image: url(sk4.jpg);
    }
    20%{background-image: url(sk5.jpg);  
    }
    25%{background-image: url(sk6.jpg); 
    }
    30%{background-image: url(sk7.jpg);  
    }
    35%{background-image: url(sk8.jpg);  
    }
    40%{
        background-image: url(sk9.jpg);
    }
    45%{
        background-image: url(sk10.jpg);
    }
    50%{
        background-image: url(sk11.jpg);
    }
    55%{
        background-image: url(sk12.jpg);
    }
    60%{
        background-image: url(sk13.jpg);
    }
    65%{
        background-image: url(sk14.jpg);
    }
    70%{
        background-image: url(sk15.jpg);
    }
}