* {
  margin: 0;
  padding: 0;
  font-family: YekanBakh;
  direction: rtl;
  box-sizing: border-box;
  border: none;
  outline: none;
}

body {
  background-color: #bcece0;
  font-family: YekanBakh;
}

@font-face {
  font-family: YekanBakh;
  src: url(../font/Yekan-Bakh-FaNum-04-Regular.ttf);
}

.box {
  background-color: #ff65c5;
  box-shadow: 0 0 20px #d94b91;
}
.box .title {
  color: #2a045c;
}
.box .reciveBox input,
.box .reciveBox button {
  background-color: #ff65c5;
  color: #2a045c;
  border: 2px solid #2a045c;
  border-radius: 15px;
  transition: 0.4s;
}
.box .reciveBox input::placeholder {
  color: #2a045c8f;
}
.box .reciveBox input:focus {
  box-shadow: inset 0 0 5px #2a045c;
}
.box .reciveBox button:hover {
  color: #ffffff;
  background-color: #2a045c;
}
.box .reciveBox button:active {
  transform: scale(0.9);
}

.box h2 {
  color: #2a045c;
}