@font-face {
  font-family: Yekan;
  src: url("../fonts/Yekan.eot");
  src: url("../fonts/Yekan.eot?#iefix") format('FontName-opentype'),
       url("../fonts/Yekan.woff") format('woff'),
       url("../fonts/yekan-regular.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Coldiac;
  src: url("../fonts/Coldiac.otf");
  src: url("../fonts/Coldiac.otf") format('opentype'),
       url("../fonts/Coldiac.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}

html, body{
	direction: rtl;
	font-family: Yekan, Tahoma;
	color: white;
	cursor: default;
}
body{
	background: black url("../images/back1.jpg") center center repeat-x;
/*	background-attachment: fixed;*/
	background-size: cover;
	min-height: 100vh;
	height: 100vh;
}

.profile-holder{
	height: 100%;
	min-height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.profile-container {
    width: 320px;
	position: relative;
	text-align: justify;
}
.profile-container a{
	color: inherit;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}

.profile-image{
	text-align: center;
	position: relative;
	height: 120px;
}
/*
.profile-image img {
	width: 120px;
    border-radius: .9rem;
    box-shadow: 0px 0px 50px #000;
    opacity: 0.8;
	transition: all 1s linear;
}
*/
.profile-image img{
	width: 120px;
    border-radius: .9rem;
    box-shadow: 0px 0px 50px #000;
    opacity: 0.8;
/*	transition: all 1s linear;*/
	--_g: 0% /50% 50% no-repeat linear-gradient(#000 0 0);
  	--m:
	left   var(--_i,0%) top    var(--_g),
	bottom var(--_i,0%) left   var(--_g),
	top    var(--_i,0%) right  var(--_g),
	right  var(--_i,0%) bottom var(--_g);
  	-webkit-mask: var(--m);
		  mask: var(--m);
/*  filter: grayscale();*/
  	transition: 0.9s ease-out;
}



.profile-content{
	border:1px solid white;
	border-width: 1px 0;
/*	margin-top: 1.5rem;*/
	margin: 1.5rem 5px 5px;
	padding-bottom: 5px;
	display: block;
	position: relative;
/*	transition: all 1s linear;*/
}
.profile-content.profile-content-fa{
	direction: rtl;
	font-family: Yekan;
}
.profile-content.profile-content-en{
	font-family: Coldiac;
	display: none;
	direction: ltr;
}
.profile-content H1{
	font-size: 2rem;
	text-shadow: 0 0 3rem white;
}
.profile-content p{
	margin: 5px;
}

.profile-chlang{
	width: 100px;
	height: 15px;
	position: absolute;
	bottom: -16px;
}
.profile-content.profile-content-fa .profile-chlang{
	right: auto;
	left: 5px;
	font-family: Coldiac;
}
.profile-content.profile-content-en .profile-chlang{
	left: auto;
	right: 5px;
	font-family: Yekan;
}
.profile-chlang path{
	opacity: 0.3;
}
.profile-chlang text{
	font-size: 0.7rem;
}


.profile-copyright{
	direction: ltr;
	font-size: 0.5rem;
	opacity: 0.5;
	padding: 0 5px;
	margin: 1.5rem 5px;
}