body {
	background: #E5E5E5;
}
#main_page {
	overflow:hidden;
	background-color:rgba(255, 255, 255, 1);
	width:1024px;
	margin-left: auto;
    margin-right: auto;
	position: relative;
}
#author_picture_area {
	width:100%;
	height:400px;
	position:relative;
}
#author_picture {
	width:400px;
	height:400px;
	position:relative;
	margin-left: auto; 
	margin-right: auto;
}
#author_photo_frame {
	width:400px;
	height:400px;
	position:absolute;
	background-image:url(../images/frame.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#author_photo {
	border:1px solid rgba(0, 0, 0, 1);
	width:240px;
	height:240px;
	left:79px;
	top:79px;
	position:absolute;
	background-image:url(../images/gul_yildiz.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#second_title_tr {
	color:rgba(0, 0, 0, 1);
	width:100%;
	height:122px;
	margin-top:-15px;
	margin-bottom:-20px;
	position:relative;
	font-family:Bonbon;
	text-align:center;
	font-size:54px;
	letter-spacing:0;
}
#second_title_en_ru {
	color:rgba(0, 0, 0, 1);
	width:100%;
	height:122px;
	margin-top:-35px;
	position:relative;
	font-family:Caveat;
	text-align:center;
	font-size:70px;
	letter-spacing:0;
}
#books_area {
	width:100%;
	height:318px;
	position:relative;
}
#book_tutsak_cagrisim {
	box-shadow:20px 10px 10px rgba(0, 0, 0, 0.25);
	width:220px;
	height:318px;
	position:absolute;
	left:10px;
	background-image:url(../images/tutsak-cagrisim.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#book_istihare {
	box-shadow:20px 10px 10px rgba(0, 0, 0, 0.25);
	width:220px;
	height:318px;
	position:absolute;
	left:264px;
	background-image:url(../images/istihare.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#book_oz {
	box-shadow:20px 10px 10px rgba(0, 0, 0, 0.25);
	width:220px;
	height:318px;
	position:absolute;
	left:519px;
	background-image:url(../images/oz.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#book_gercekustu {
	box-shadow:20px 10px 10px rgba(0, 0, 0, 0.25);
	width:220px;
	height:318px;
	position:absolute;
	right:31px;
	background-image:url(../images/gercekustu.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#third_title_tr {
	color:rgba(0, 0, 0, 1);
	width:100%;
	height:122px;
	margin-top:40px;
	margin-bottom:-40px;
	position:relative;
	font-family:Bonbon;
	text-align:center;
	font-size:54px;
	letter-spacing:0;
}
#third_title_en_ru {
	color:rgba(0, 0, 0, 1);
	width:100%;
	height:122px;
	margin-top:20px;
	margin-bottom:-20px;
	position:relative;
	font-family:Caveat;
	text-align:center;
	font-size:70px;
	letter-spacing:0;
}
#author_about_area {
	width:100%;
	position:relative;
}
@media only screen and (max-device-width: 1240px) {
	#languages {
		color:rgba(0, 0, 0, 1);
		width:100%;
		height:33px;
		position:absolute;
		top:29px;
		font-family:Noto Sans;
		text-align:center;
		font-size:28px;
		letter-spacing:0;
		z-index:2;
	}
	#author_name_tr {
		color:rgba(0, 0, 0, 1);
		width:100%;
		height:141px;
		margin-bottom:18px;
		position:relative;
		top:86px;
		font-family:Bonbon;
		text-align:center;
		font-size:86px;
		letter-spacing:0;
		z-index:1;
	}
	#author_name_en_ru {
		color:rgba(0, 0, 0, 1);
		width:100%;
		height:141px;
		margin-bottom:18px;
		position:relative;
		top:75px;
		font-family:Caveat;
		text-align:center;
		font-size:90px;
		letter-spacing:12;
		z-index:1;
	}
	#author_about {
        color:rgba(0, 0, 0, 1);
        width:82%;
        position:relative;
        margin-left:auto;
        margin-right:auto;
        font-family:Noto Sans;
        text-align:justify;
        font-size:10px;
        letter-spacing:0;
	}
	#em {
		width:40px;
		height:40px;
		top:20px;
		left:90px;
		position:absolute;
		background-image:url(../images/em.jpg);
		background-repeat:no-repeat;
		background-size:cover;
	}
	#contact {
		color:rgba(0, 0, 0, 1);
		width:200px;
		height:20px;
		position:absolute;
		top:20px;
		left:140px;
		font-family:Noto Sans;
		text-align:left;
		font-size:28px;
		letter-spacing:0;
	}
	#copyright {
		color:rgba(0, 0, 0, 1);
		width:300px;
		height:20px;
		position:absolute;
		top:20px;
		right:90px;
		font-family:Noto Sans;
		text-align:right;
		font-size:28px;
		letter-spacing:0;
	}
}
@media only screen and (min-device-width: 1240px) {
	#languages {
		color:rgba(0, 0, 0, 1);
		width:100%;
		height:33px;
		position:absolute;
		right:40px;
		top:29px;
		font-family:Noto Sans;
		text-align:right;
		font-size:16px;
		letter-spacing:0;
		z-index:2;
	}
	#author_name_tr {
		color:rgba(0, 0, 0, 1);
		width:100%;
		height:141px;
		margin-bottom:-18px;
		position:relative;
		top:45px;
		font-family:Bonbon;
		text-align:center;
		font-size:86px;
		letter-spacing:0;
		z-index:1;
	}
	#author_name_en_ru {
		color:rgba(0, 0, 0, 1);
		width:100%;
		height:141px;
		margin-bottom:-18px;
		position:relative;
		top:34px;
		font-family:Caveat;
		text-align:center;
		font-size:90px;
		letter-spacing:12;
		z-index:1;
	}
    #author_about {
        color:rgba(0, 0, 0, 1);
        width:82%;
        position:relative;
        margin-left:auto;
        margin-right:auto;
        font-family:Noto Sans;
        text-align:justify;
        font-size:20px;
        letter-spacing:0;
	}
	#em {
		width:24px;
		height:24px;
		top:20px;
		left:90px;
		position:absolute;
		background-image:url(../images/em.jpg);
		background-repeat:no-repeat;
		background-size:cover;
	}
	#contact {
		color:rgba(0, 0, 0, 1);
		width:200px;
		height:20px;
		position:absolute;
		top:20px;
		left:120px;
		font-family:Noto Sans;
		text-align:left;
		font-size:16px;
		letter-spacing:0;
	}
	#copyright {
		color:rgba(0, 0, 0, 1);
		width:200px;
		height:20px;
		position:absolute;
		top:20px;
		right:90px;
		font-family:Noto Sans;
		text-align:right;
		font-size:16px;
		letter-spacing:0;
	}
}
#footer {
	width:100%;
	height:100px;
	position:relative;
	margin-top:10px;
}