@font-face {
  font-family: yekan;
  src: url("../font/Vazir-Medium.ttf");
}

body {
  background-image: url(../img/n3635175-6494057.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  font-family: yekan !important;

}
h1 {
  
 font-family: yekan;
  font-weight: inherit;
  font-size: 20pt;
  text-align: center;
  padding: 10px 0px;
  background-color: #fefe60;
  border: 1px solid #fff;
  border-radius: 15px;
  box-shadow: 5px 5px 10px #845d02;
}

#content {
  width: 70%;
  position: absolute;
  top: 35%;
  direction: rtl;
  padding: 3%;
  padding-top: 3%;
  padding-right: 3%;
  padding-bottom: 3%;
  padding-left: 3%;
  background-color: #e1e1e1;
  margin: 0 auto;
  left: 12%;
  border: 2px solid #ac3506;
  border-radius: 10px;
}
#pk {
  float: left;

  margin: 5px;
  padding: 5px;
  text-align: center;
  width: 180px;
  height: 90px;
  font-size: 15pt;
  font-family: yekan;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfff4+0,e9e9ce+100;Wax+3D+%232 */
  background: #fcfff4; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #fcfff4 0%,
    #e9e9ce 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #fcfff4 0%,
    #e9e9ce 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #fcfff4 0%,
    #e9e9ce 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); /* IE6-9 */
  box-shadow: 2px 2px 3px #ccc;
  overflow: hidden;
}
.full {
  font-size: 22pt;
}
.all {
  font-size: 24pt;
}
.title {
  display: block;

  font-size: 14px;
}
span {
  font-family: yekan;
}

#ct {
  position: absolute;
  top: -45%;
  left: 6%;
  background: blanchedalmond;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  box-shadow: 1px 1px 5px #555;
  border: 2px #eee solid;
}
#ct p {
  font-family: yekan;
}
#mande {
  position: absolute;
  top: -15%;
  left: 6%;
  background: blanchedalmond;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  box-shadow: 1px 1px 5px #555;
  border: 2px #eee solid;
}
.por {
  background: linear-gradient(red, yellow) !important;
}
.por a {
  background: transparent !important;
  color: #000 !important;
}
#user {
  width: 151px;
  text-align: center;
  position: absolute;
  top: 10px;
  left: 10px;
  font-family: yekan;
}