@font-face {
  font-family: "Vazir";
  src: url("fonts/Vazir.eot");
  src: url("fonts/Vazir.woff") format("woff"),
  url("fonts/Vazir.otf") format("opentype"),
  }

body {
direction: rtl;
font-family: 'vazir';
margin: 4em 2em;
background-color:#ebebeb;

}
.tree {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  max-width: 560px;
}

.tree .username {
  font-weight: 600;
  margin-top:  5%;
}

.tree .profile-pic {
width: 150px;
border-radius: 50%;
text-align: center;
}
.btn-youtube{
background-color: #cc181e !important;
color: #fff;
}
.btn-ig{
  background: linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  color: #fff;
}
.btn-twitter{
  background: #2ac0ff !important;
  color: #fff;
}
.hr2{
  margin: 10px 0;
  height:1px;
  width:100%;
  border-top:1px solid gray;
}
.footer{
  direction: ltr;
}
iframe{
width: 100%;
height: 315px;
  margin-top: 20px;
}