main{
    min-height: 20vh;
    background-image: url("backgroundImage/hederSection.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    font-family: "vazir-bold";
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px; 
  
    /* transition: background-image 0.7s ease-out */
    
}
.info{
    display: flex;
    justify-content: center;
}
label{
    color: var(--titel-color2);
    font-size: 1.3rem;
}
  
body {
  zoom: 0.9;
  
}


@media only screen and (max-width: 700px){
.info label{
font-size: 1.1rem;

}


}
@media only screen and (max-width: 550px){
.info label{
font-size: 1rem;

}


}