/* خدا، به نامش */
:root {
    --پوست: #613583ff;
    --مو: #9141acff;
    --سفید: #ffffffff;
    --سیاه: #4d4d4dff;
    --کمسفید: #ccccccff;
    --کمسیا: #808080ff;}
    /* hi lit */
    ::-moz-selection {
      /* Code for Firefox */
      color: var(--سفید);
      background: var(--مو);
    }
    ::selection {
      color: var(--سفید);
      background: var(--مو);
    }
/* hi lit */
html {
    scroll-behavior: smooth;
    background-image: ;
    background-color: var(--پوست);
    background-repeat: repeat;
    background-size: 7vh;
    background-attachment: fixed;
}
body, html {
                /*! overflow-x: hidden; */
                /*! overflow-y: ; */
                scrollbar-color: var(--مو) var(--پوست);
                scrollbar-width: thin;
                }
*{margin:0;}
* {
  box-sizing: border-box;
}
hr.khat {
  border: 0.01vh solid var(--مو);
  width: 70vw;
  margin: 0 auto;
  }
.matnklid {
  opacity: 1;
  font-family: "Sahel";
  font-weight: ;
  transition: 0.2s;
  text-decoration: none; 
  color: var(--سفید);
}
.matnklid:hover {
  opacity: 0.5;
  cursor: pointer;
}
.namaad {
width: 40vh;
display: block;
  border-radius: 5vh;
margin: 0 -20vh;
  position: absolute;
top: 45%;
left: 50%;
transition: 0.5s;
}
.namaad2 {
width: 40vh;
display: block;
  border-radius: 5vh;
margin: 0 -20vh;
  position: absolute;
top: 45%;
left: 50%;
  transition: 0.5s;
}
.namaad2:hover{
  opacity: 0;
}
.ax0 {
width: 100%;
display: inline-block;
  border: solid 2vh var(--پوست);
  border-radius: 100%;
  transition: 0.3s;
}
.ax0:hover{
  border: solid 0.01vh var(--پوست);
}
.ax {
width: 100%;
display: inline-block;
  border: solid 0.1vh var(--پوست);
  border-radius: 3vh;
  padding: 1vh;
  transition: 0.3s;
}
.ax:hover{
  padding: 2vh;
}
.ax2 {
width: 100%;
display: inline-block;
  border: solid 0.1vh var(--پوست);
  border-radius: 3vh;
  padding: 1vh;
  transition: 0.3s;
}
.ax2:hover{
  scale: 1.03;
}
.vasatchin {
vertical-align: middle;
}
.vasat {
display: block;
margin: 0 auto;
text-align: center;
}
.fasele-payin {
margin-bottom: 3vh;
}
.shenavar-raast {
float: right;
}
.zirqaab {
  width: 80vw;
  max-width: 100vh;
}
.qaabax-bozorg {
vertical-align:middle; 
width: 70vh; 
max-width: 100%; 
border-radius: ;
border: solid 0.01vh var(--پوست);
}
.qaabax-riz {
vertical-align:middle; 
width: 7vh; 
margin-right: 3vh; 
max-width: ; 
border-radius: ;
}
.qaab2 {
display: block;
grid-template-columns: 50% 50%;
margin: 0 auto;
width: 20vh;
  border-radius: 2vh;
  padding: 3vh;
text-align: center;
font-family: samim;
  transition: 0.3s;
font-size: 3vh;
    }
.qaab2:hover {
              box-shadow: 
              1vh 1vh 2vh #00000030, -1vh -1vh 2vh #ffffff10, inset 1vh 1vh 2vh #00000030, inset -1vh -1vh 2vh #ffffff10;
              background: var(--مو);
              color: var(--سفید);
    }
.qaab0 {
display: grid;
grid-template-columns: 50% 50%;
margin: 0 auto;
width: 90vw;
max-width: 100vh;
    }
.qaab {
display: block;
  font-family: "samim" !important;
  font-size: 2.5vh;
  color: var(--کمسیا);
  border: solid 0 var(--کمسفید);
  border-radius: 2vh;
  background: var(--سفید);
  width: 100%;
  max-width: 100vh;
  padding: 3vh;
  margin: 3vh auto;
              box-shadow: 
              1vh 1vh 2vh #00000030, 
              -1vh -1vh 2vh #ffffff50;
    }
.jadval3 {
display: inline-grid;
grid-template-columns:  33.33% 33.33% 33.33%;
width: 100%;
grid-gap: 1vh;
}
.kesh{
display: flex;
}
@media (max-width: 90vh) {
.kesh{
display: block;
}
.jadval3 {
display: inline-grid;
width: 100%;
grid-template-columns: 100%;
}}
.tooqaab {
  border-radius: 5vh;
  margin: 0 auto;
  display: block;
  width: 100%;
}
p {
    font-family: "samim" !important; 
    } 
.matn-porang {
display: inline;
    background: var(--پوست); 
    padding: 0.5vh;
    margin: 1vh;
    }   
/* width */
::-webkit-scrollbar {
  width: 1px;  
}
/* width */
::-webkit-scrollbar:hover {
  width: 12px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #e1c10a80; 
  border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #e1c10a80; 
  border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #e1c10a80; 
}
.klid {
background: var(--سفید);
color: var(--کمسیا);
transition: 0.3s;
padding: 1.5vh;
border-radius: 3vh;
}
.klid:hover {
background: var(--پوست);
color: var(--سفید);
cursor: pointer;
}
.pizhklid {
    display: block;
border-radius: 100%;
  transition: 0.2s;
width: 5vh;
    margin: 0 auto;
}
.pizhklid:hover {
background: var(--مو);
cursor: pointer;
}
.khoone{
  width: 15vh;
  display: block;
  left: 0;
  position: relative;
  margin: 0 auto;
  transition: 0.3s;
  height: 15vh;
  border-radius: 3vh; 
  padding: 3vh;
}
.khoone:hover{
              box-shadow: 
              1vh 1vh 2vh #00000030,
                -1vh -1vh 2vh #ffffff10,
                inset 1vh 1vh 2vh #00000030,
                inset -1vh -1vh 2vh #ffffff10;
              background: var(--مو);
              color: var(--سفید);
}
a:link {
  color: var(--پوست);
  text-decoration: none;
}
/* visited link */
a:visited {
}
/* mouse over link */
a:hover {
}
/* selected link */
a:active {
}