body {background-color:#fff; padding:0px; margin:0 auto; width:300px;}
#tam {
	height:238px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	margin:auto;
	width:260px;
	text-align:center;
	font-size:36px;
	color:#093;
	padding:20px;
	padding-bottom:20px;
	padding-top:20px;
	font-family:'Ubuntu', sans-serif;}
a {color:#093; text-decoration:none; font-weight:normal; font-family:'Ubuntu', sans-serif;}
a:hover {color:#FC0; text-decoration:none;}
#sifir {
	width:260px;
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family:'Ubuntu', sans-serif;}
#saat {color:#093; font-size:36px; font-family:'Ubuntu', sans-serif;}
#bir {padding-bottom:20px; padding-top:20px;}
#bir img {
	border:1px solid #093;
	-webkit-border-radius:75px;
	-moz-border-radius:75px;
	border-radius:75px;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);}
h1 {
	color: #093;
	font-size:24px;
	font-family: 'Ubuntu';
	font-weight:normal;
	text-align:center;
	margin:0;
	padding:0;}
#baglanti {color:#093; font-size:14px; width:260px; height:18px; margin-top:3px; font-family:'Ubuntu', sans-serif;}
#e_posta {padding-left:33px; float:left;}
#twitter {padding-left:20px; float:left;}
#instagram {padding-left:20px; float:left;}
@font-face {font-family: 'Ubuntu'; src: local('Ubuntu'), url('Ubuntu-Regular.ttf') format('truetype'); font-weight: normal;}
@font-face { font-family: 'Ubuntu'; src: url('Ubuntu-Regular.ttf'); font-weight: normal;}

  e-posta::after {
    content: attr(data-domain);
  }
  e-posta::before {
    content: attr(data-user) "\0040";
  }