@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Caveat:wght@400;700&family=Lobster&family=Monoton&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display+SC:ital,wght@0,400;0,700;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Source+Sans+Pro:ital,wght@0,400;0,700;1,700&family=Work+Sans:ital,wght@0,400;0,700;1,700&display=swap');

.bg {
    background-image: url("https://png.pngtree.com/back_origin_pic/03/57/18/72eac561d5d0d64bf03c2af7a006f050.jpg");
    height: 100vh;
    width: 100vw;
    background-size: cover;
}
.bg1{
    background-image: url("https://img.freepik.com/premium-photo/abstract-connected-dots-lines-blue-background-communication-technology-network-concept-with-moving-lines-dots_34629-1218.jpg");
    height: 100vh;
    width: 100vw;
    background-size: cover;

}

.h1 {
    color: white;
    text-align: center;
    font-size: 50px;
    padding-top: 20px;
    font-style: italic;


}

.p {
    color: white;
    text-align: center;
    font-size: 25px;
    font-family: "Verdana";
}

.sai {
    height: 300px;
    width: 300px;
    margin-left: 600px;


}

.b {
    height: 50px;
    border-radius: 10px;
    text-align: center;
    background-color: black;
    color: white;
    margin-left: 700px;
    margin-top: 30px;


}

.pallavi {
    height: 250px;
    width: 250px;
    padding: 20px;
    margin-left: 275px;

}

.bt {
    width: 100px;

}

.all {
    height: 50px;
    border-color: black;
    background-color: purple;
    color: white;
    border-radius: 20px;
    margin: 20px;
    font-style: italic;

}

.ece {
    height: 50px;
    border-color: black;
    background-color: orange;
    color: black;
    border-radius: 20px;
    margin: 20px;
    font-style: italic;

}

.mech {
    height: 50px;
    border-color: black;
    background-color: cyan;
    color: black;
    border-radius: 20px;
    margin: 20px;
    font-style: italic;


}

.civil {
    height: 50px;
    border-color: black;
    background-color:darkred;
    color: white;
    border-radius: 20px;
    margin: 20px;
    font-style: italic;


}
.krish{
    color:mediumorchid;
}
.pavani{
    color:blue;
    font-family: cursive;
}
.pp{
    color:springgreen;
}
.aa{
    color:mediumpurple;
}
.bb{
    color:blueviolet;
    font-family: monospace;

.cc{
    color:purple;
    font-family: cursive;
}
.ul{
    color: pink;

}