@font-face {
    font-family: "vazir";
    src: url("../fonts/vazir/Vazir-Medium-FD-WOL.woff") format("woff2"),
        url("../fonts/vazir/Vazir-Medium-FD-WOL.woff") format("woff"),
        url("../fonts/vazir/Vazir-Medium-FD-WOL.ttf") format("truetype");
  }
  
  :root {
    --clr-primary-1: #2f3e46;
    --clr-primary-2: #354f52;
    --clr-primary-3: #52796f;
    --clr-primary-4: #84a98c;
    --clr-primary-5: #cad2c5;
    --clr-primary-6: #5a189a;
    --clr-grey-1: #102a42;
    --clr-grey-2: #617d98;
    --clr-grey-3: rgb(241, 245, 248);
    --clr-white: #fff;
    --ff-primary: "vazir", sans-serif;
    --transition: all 0.3s linear;
    --radius: 0.5rem;
    --light-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    --dark-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    --max-width: 1170px;
  }
  
  
  /*
  =============== 
  Global Styles
  ===============
  */
  
  *,
  ::after,
  ::before {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  }
  
  ul {
    list-style-type: none;
  }
  a {
    text-decoration: none;
  }
  body {
    font-family: var(--ff-primary);
    color: var(--clr-grey-1);
  }
  
  .btn {
    background: var(--clr-primary-2);
    color: var(--clr-white);
    padding: 0.375rem 0.75rem;
    display: inline-block;
    transition: var(--transition);
    font-size: 0.875rem;
    border: 2px solid transparent;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    font-family: var(--ff-primary);
    
  }
  
  .btn:hover {
    color: var(--clr-primary-1);
    background: var(--clr-primary-3);
  }


/* این بخش کلاس های بخش edit-post  میباشد */

.panel-center{
  display: grid;
  justify-content: center;
}
.panel-center h4{


  font-size: 2rem;
  color: blue;
  font-family: var(--ff-primary);
  margin-top: 10rem;
  background-color: #a0cee7;
  text-align: center;
  border-radius: var(--radius);
}


.panel-center h5{

  font-size: 1rem;
  color:black;
  font-family: var(--ff-primary);
  margin-top: 1rem;
  background-color: #a0cee7;
  text-align: center;
  border-radius: var(--radius);
}

.panel-center h1{

  font-size: 1rem;
  color:black;
  font-family: var(--ff-primary);
  margin-top: 1rem;
  background-color: #db450f;
  text-align: center;
  border-radius: var(--radius);
}
.edit-title{
  font-size: 1rem;
  font-family: var(--ff-primary);
  padding: 0.5rem;
}
.edit-link{
  font-size: 1rem;
  font-family: var(--ff-primary);
  padding: 0.5rem;
  color: #c21212;
}
.edit-textarea{
  font-size: 1rem;
  font-family: var(--ff-primary);
  padding: 0.5rem;
  color: black;
}
.btn-edit {
  background: black;
  color: var(--clr-white);
  padding: 0.375rem 0.75rem;
  display: inline-block;
  transition: var(--transition);
  font-size: 0.875rem;
  border: 2px solid transparent;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  font-family: var(--ff-primary);
  width:13rem;
  height: 3rem;
}

.btn-edit:hover {
  color: var(--clr-primary-1);
  background: var(--clr-primary-3);
}

.icon-comment{
  color: red;
  font-size: 1rem;

  height: 2rem;
  width: 11.2rem;
  text-align: center;

}
.icon-comment-succeed{
  color: blue;
  font-size: 1rem;
 
  height: 2rem;
  width: 11.2rem;
  text-align: center;


}