@font-face {
  font-family: font1;
  src: url(assests/farsi-fonts/iran-sans-300.ttf);
}

body {
  direction: rtl;
  font-family: font1;
  text-align: center;
  margin: 0;
  padding: 0;
  background: black;
}
.header {
  background-color: #000202;
  height:514px;
  width:94%;
  margin: auto;
  margin-top: 35px;
  border-radius: 10px;
  box-shadow: 0px 0px 23px white;
}
.header button{margin-top: 60px;}

.button2{
  margin: auto;
  margin-top: 40px;
  display: none;
  width: 80%;
  box-shadow: 0px 0px 17px;
}
.logosite{max-width: 100%;
            height: auto;}
            
.matn{color: #8284877d;text-shadow: 0 0 2px  white;}
.spi{
  opacity: 56%;
  border-radius: 20px;
  max-width: 80%;
}
.tt{
  margin: 40px;
  padding: 40px;
  border-radius: 15px;
  box-shadow: 0px 0px 40px -7px white;
  }

@media only screen and (max-width:768px){
  .header button{visibility: hidden;}
  .button2{display: block;}
  .header{width:94%; height:auto;margin:auto}
  .chap{display: none;}
  }

  
@media only screen and (max-width:550px){
  .header button{display: none;}
  .header{width:94%;margin:auto}
  /* .header img{visibility: hidden;} */
  .button2{display: block;}
  }