@font-face{font-family:bnaz;src: url("../BNazanin/BNazanin.ttf");
}
*{margin: 0px; font-family:bnaz ;}
a{color: azure; text-decoration:none;}
body{margin:0px;}  
header{ 
    background:linear-gradient(to bottom,rgb(244, 244, 247),rgb(49, 110, 243));}
    h1{text-align: right ;margin:0px ;}
    nav{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr  4fr; color:rgb(46, 43, 43) ;padding-top:5px ;font-size:20px ;
    direction: rtl;}
    nav div{ gap:5px;margin:5px ;text-align: center;cursor: pointer ;border-radius: 10%; border-bottom:20px; }
    nav div:hover{ border-radius: 10%; border-bottom:20px;  border-bottom:solid rgb(117, 117, 119) 4px ; margin:1px;}
    nav div a:hover{color: yellow;}
    nav div a:active{color: yellow;}
   .search_item{display: none;}
   .language{background-color:rgb(97, 129, 188);
    cursor: pointer;text-align:center;}
   .language:hover{background-color: aqua;color: rgb(175, 175, 76);}




    nav div{ gap:5px;margin:5px ;text-align: center;cursor: pointer ;border-radius: 10%; border-bottom:20px; }
    nav div:hover{ border-radius: 10%; border-bottom:20px;  border-bottom:solid rgb(117, 117, 119) 4px ; margin:1px;}
    #language :hover{color: yellow;}   
    
   main div{animation:incomming ;animation-duration: 3s;}
     
   main ::selection{ background-color:red;}
    

   @keyframes   incomming{from{margin-top: 100%;} to{margin-top:0%;}
        
}
main{display: grid;grid-template-columns:1fr 3fr 1fr;}
#notes{padding:10% ;border-radius:13% ;text-align:center;background:linear-gradient(to right,rgb(53, 98, 211),rgb(118, 163, 235)) ;
    overflow: auto; display: grid;margin:10px auto ;color: aliceblue; }













    
 
    footer{text-align: center;border-top:solid 3px ;display: grid ;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0px ;color: aliceblue;}
    footer div{ background:linear-gradient(to bottom ,rgb(51, 51, 143), rgb(22, 22, 241));text-align: center;}
    footer div p{padding:8px ;}
    #addressmap{ max-width:200px ;} 
    #mapad{height:200px }
    
    
    @media screen and (max-width:2000px){ #mini_menue{ background-color: blue; } .minimmm{display: none;}}
    @media screen and (max-width:660px){ footer div{ background:linear-gradient(to bottom ,rgb(128, 0, 128), purple); }  }
    @media screen and (max-width:560px){nav{display: none;} #corpname{display: none; }  .minimmm{display: block;} main{display: block;} }