header{
    position: relative;
background-color: white;
text-align: center;
overflow: hidden;
}
.logo{

position: relative;
    display: inline-block;
margin-top: -90px;
transform: translateY(-20px);
}
  
    

.img{

    width: 350px;
    height: auto;


}
.logotitle{
margin-top: -145px;font-style: oblique;
color: chocolate;
font-size: 3em;
}
.box{
    margin: 10px 20;
    padding: 1px 20px;
    background-color: blueviolet;
    border-radius: 20px;
    text-align: center;
    font-family: arial sans-serif;
    color: white;
    transform: translateY(-50px);

}
.box p{
margin:  7px 0;
font-size: 1.5em;
font-style: oblique;

}
.box .line{
    margin: 0  0;
    line-height: 1.2;
}
.dis {
margin: -15px 20px;
text-align: center;
color: rgb(4, 4, 130);
font-size: 1.2em;
transform: translateY(-50px);
}
.cont{
 color: blueviolet;
 text-align: center;
font-size: 1.5em;
transform: translateY(-60px);


}
.mov{
    transform: translateY(-20px);
}
.contact{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 0px 0;

}
.contact img{
width: 70px; 
transform: translateY(-100px);
height: 70px; size: 

}
.tawa{
transform: translateY(-90px);
    text-align: center;
color: rgb(226, 134, 43);
}
.hor{

    transform: translateY(-50px);
}