body,html{
    width: 100%;
    margin:  0;
     background-color: rgb(186, 216, 242);

}

#slider{
    width: 100%;
    height: 700px;
    background-image: url(../images/svadd.jpg);
    background-size: cover;
    overflow: hidden;


}
#slider h1{
text-align: center;
font-style: italic;
font-size: 60px;
color: rgb(165, 4, 4);
width: 250px;
 position: relative;
 left:750px;
 top: 40px;
 position:fixed


} 
#slider button{
    width: 10%;
    height: 40px;
    color: beige;
    background-color: brown;
}
#slider button:hover{
    background-color:blue;

}

#aboutus{
    text-align: center;
    margin-bottom: 30px;
    background-color:rgb(120, 194, 120);
    overflow: hidden;
}

#twodivs{
    display: flex;
}
.vision img{
    width: 70px;
    height: 70px;
    size: 30;
}
.charism img{
    width: 70px;
    height: 70px;
    size: 30px;
}

#mission img{
    width: 100%;
    height: 1200px;
 text-align: center;
}


#desc h2{
    text-align: center;
    color: rgb(255, 127, 168);
 

}
#desc p{
    text-align: center;
    color: rgb(47, 0, 255);
}
#mission button{
width: 10%;
    height: 30px;
    color: beige;
    background-color: brown;
}
#mission button:hover{
    background-color:blue
}