body {
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  height: 100vh;
  overflow: hidden;
  display: flex;
  font-family: 'vazir',Tahoma, sans-serif;
  color:#fff;
  text-align:center;
  justify-content: center;
  align-items: center;
  margin: 0;
  direction:rtl;
}
.pic  img{
	width:40%;
}
.details {
	font-size:120%;
	font-weight: bold;
	color:#6cfa00;
	margin:1% 0px 1% 0px;
	text-shadow:-3px 7px 4px #3b498c;
}
.contact {
	font-size:150%;
	font-weight: bold;
	color:#0092fa;
	margin:0px 0px 1% 0px;
	text-shadow: -1px 1px 2px #000000;
}
.center-all {
    margin: auto;
	z-index:10;
	padding:5px;
}
@media only screen and (min-width: 800px) {
	h1 {
		font-size: 230%;
		margin:0px;
		text-shadow:-1px 1px 6px #922323;
	}
	p {
		font-size: 22px;
		margin: 0;
	}
}