/* خدا، به نامش */
:root {
    --پوست: #ff990bff;
    --مو: #aa56ac;
    --سفید: #ffffffff;
    --سیا: #111;
    --کمسفید: #ccccccff;
    --کمسیا: #808080ff;}
    /* hi lit */
    ::selection {
      /* Code for Firefox */
      color: var(--کمسیا);
      background: var(--چوب);
    }
/* hi lit */
html {
    scroll-behavior: smooth;
    background:  var(--پوست);
    color: var(--کمسیا);
    font-family: samim;
}
body, html {
                overflow-x: hidden;
                overflow-y: visible;
                scrollbar-color: var(--سیاه) var(--سفید) ;
                scrollbar-width: thin;
                }
*{margin:0;}
* {
  box-sizing: border-box;
}
hr.khat {
  border: 1px solid var(--پوست);
  width: 100%;
  scale: 0.8;
  }
.namad {
    width: 25vh;
    margin: 40vh auto 20vh;
    display: block;
}
.kesh {
    width: 20%;
}
.matnklid {
  opacity: 1;
  font-family: "Sahel";
  font-weight: ;
  transition: 0.2s;
  text-decoration: none; 
  color: var(--سفید);
}
.matnklid:hover {
padding: 1vh;
border-radius: 2vh;
  background: var(--چوب);
  cursor: pointer;
  color: #000;
}
.qaab {
  font-family: "samim" !important;
  font-size: 2.5vh;
  color: var(--کمسیا);
  background: var(--سفید);
  border-radius: 3vh;
  text-align: center;
  width: 80vw;
  max-width: 100vh;
  padding: 3vh;
    }   
.qaabtozi {
display: block;
  font-family: "samim" !important;
  font-size: 2.5vh;
  color: var(--کمسیا);
  border: solid 0 var(--کمسفید);
  border-radius: 3vh;
  background: var(--سفید);
  text-align: right;
  width: 80vw;
  max-width: 100vh;
  padding: 3vh;
  margin-top: 3vh;
              box-shadow: 
              1vh 1vh 2vh #f5e8e1, 
              -1vh -1vh 2vh #fffcf3;
    }
p {
    font-family: "samim" !important; 
    }   
/* 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(--سیا);
padding: 1vh;
border-radius: 1vh;
  transition: 0.2s;
}
.klid:hover {
background: var(--کمسیا);
color: var(--سفید);
cursor: pointer;
}
a:link {
  color: var(--سیا);
  text-decoration: none;
}
/* visited link */
a:visited {
}
/* mouse over link */
a:hover {
}
/* selected link */
a:active {
}
.pizhklid {
    display: block;
border-radius: 100%;
  transition: 0.2s;
width: 5vh;
    margin: 5vh auto ;
}
.pizhklid:hover {
background: var(--سفید);
cursor: pointer;
}