@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: center ;margin:0px ;}
    nav{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 2fr 1fr; color:rgb(46, 43, 43) ;padding-top:5px ;font-size:25px ;
    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;}
    #language :hover{color: yellow;}    




main .resume{margin:8px 0px ;background:linear-gradient(to right,rgb(88, 202, 105) ,rgb(102,230, 100)) ;display:grid ; 
    grid-template-columns: 1fr 4fr;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
animation:getin ;animation-duration: 5s;}

main div img{width:140px;height:180px ;display: inline;padding:6px ; }
main div div{direction: rtl;padding:30px;}
.image_por{text-align: left;}
main div{direction: rtl;margin-bottom:0px ; padding: 15px;}
main  div:hover{font-size: 34px;color: white;cursor: pointer;margin: 0%;}

table, th, td {
    border: 1px solid black;text-align: center;
    padding: 10%; color: rgb(14, 14, 13);
  }
  
table td{width:50% ;}
table{border-collapse: collapse;}


@keyframes getin{from{margin-right: 60%;}
to{margin-right:0% ;}    
}








    

footer{text-align: center;border-top:solid 3px ;display: grid ;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0px ;color: aliceblue;}
footer div{ background:linear-gradient(to bottom ,rgb(51, 51, 143), rgb(22, 22, 241));text-align: center;}
#addressmap{ width:200px ;} 
#mapad{height:200px }
#mapad img:hover{width:220px ;}


@media screen and (max-width:1500px){ #mini_menue{display:none; background-color: blue;}}
@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; } }