@charset "UTF-8";
/* CSS Document */

body {
	background-color: #F9D577;
}

header {
	margin-top: -8px;
	margin-left: -8px;
	margin-right: -8px
	
}

aside {
	float: left;
	margin-top: 50px;
	margin-left: -8px;
	

}

h1 {
	margin-top: -10px;
	
}

h2 {
	margin-top: 70px;
	margin-right: 800px;
	font-size: 20px;
	border:rgba(255,255,255,0.20) solid;
	background-color: rgba(255,255,255,0.20);
	padding: 10px;
	margin-left: -10px;
	font-family:"Brandon Grotesque Black Italic" 
	
}

.reading{ 
float: right;
margin-right: 185px;
margin-top: -105px;

	
} 

	

.nav1 {
	float: right;
	margin-right:190px;
	padding: 5px;
	margin-top: -10px

}

.nav2 {
	text-align: center;
	font-family:"Brandon Grotesque Thin";
	font-size: 30px;
	margin-right: 80px;
	margin-bottom: 10px;
	margin-top: 80px	

}

main {
	margin-bottom: 600px
}

section {
	margin-left:150px;
	padding: 20px 
}



footer {
	background-color:#2B2B2B;
	vertical-align: bottom;
	margin-bottom: -70px;
	margin-right: -20px;
	margin-left: -20px;
	margin-top: -200px;
}

ul {
	display: inline
}

.p1 {
	margin-top: 50px;
	font-family: "Brandon Grotesque Regular", "Brandon Grotesque Black Italic";
	font-size: 20px;
	letter-spacing:normal;
}


.pub {
	margin-top: -4px;
	vertical-align: top;
	margin-left: -10px
	
}

.search {
	float: right;
	margin-top: 20px;
	margin-right: 180px;
	
}

.button1 {
	color: antiquewhite;
	border-radius: 3px;
	background-color: rgba(43,43,43,1.00);
	padding: 11px;
	 text-decoration: none;
	margin-left:-10px
	
	
	
	
}

.button2 {
	color: antiquewhite;
	border-radius: 3px;
	background-color: rgba(43,43,43,1.00);
	padding: 11px;
	text-decoration: none;
	margin-left:-10px
	
	
}

.button3 {
		color: antiquewhite;
	border-radius: 3px;
	background-color: rgba(43,43,43,1.00);
	padding: 11px;
	text-decoration: none;
	margin-left:-10px
	
}

.button4 {
	color: antiquewhite;
	border-radius: 3px;
	background-color: rgba(43,43,43,1.00);
	padding: 11px;
	text-decoration: none;
	margin-left:-10px
}

.button5{
		color: antiquewhite;
	border-radius: 3px;
	background-color: rgba(43,43,43,1.00);
	padding: 11px;
	text-decoration: none;
	margin-left:-10px
}

.button6{
		color: antiquewhite;
	border-radius: 3px;
	background-color: rgba(43,43,43,1.00);
	padding: 11px;
	text-decoration: none;
	margin-left:-10px

}

.mail {
	margin-bottom: 40px;
	margin-left: 10px
}

.add {
	font-family:"Brandon Grotesque Regular";
	color: antiquewhite;
	font-size: 25px;
	text-align: center;
	margin-top: -60px;
	margin-right: -100px

	
}

.cart {
	
	float: right;
	margin-right: -900px;
	margin-top: 20px
	

	
}

.prof {
	float: right;
	margin-right: -950px;
	margin-top: 20px
	
	
}

.genre1 {
	font-size: 24px;

color:rgba(43,43,43,1.00);
	border:none;
	padding-left:20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-bottom: -5px;
	padding-top: 20px;
	background-color:rgba(255,255,255,0.40)
}

.genre2 {
	font-size: 25px;
	
	color:rgba(43,43,43,1.00);
	border:none;
	padding-left:50px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-top: 20px;
	background-color:rgba(255,255,255,0.45)
}

.genre3 {
	font-size: 25px;
	
	color:rgba(43,43,43,1.00);
	border:none;
	padding-left:80px;
	padding-right: 80px;
	padding-bottom: 20px;
	padding-top: 20px;
	background-color:rgba(255,255,255,0.50)
}
.genre4 {
	font-size: 26px;
	color:rgba(43,43,43,1.00);
	border:none;
	padding-left:90px;
	padding-right:90px;
	padding-bottom: 20px;
	padding-top: 20px;
	background-color:rgba(255,255,255,0.55);
	
}

.genre5 {
	font-size: 25px;
	margin-right: -200px;
	margin-left: 300px;
	color:rgba(43,43,43,1.00);
	border:none;
	padding-left:110px;
	padding-right: 110px;
	padding-bottom: 20px;
	padding-top: 20px;
	background-color:rgba(255,255,255,0.60);
	
	
	
}

.books {
	background-color: rgba(255,255,255,0.55);
	background-position: left;
	padding-right: 5px;
	padding-bottom: 5px;
		
	
}


.mail {
	margin-bottom: 30px;
	margin-left: 25px
}

.fb {
	
	margin-bottom: -5px
}

.add {
	font-family:"Brandon Grotesque Regular";
	color: antiquewhite;
	font-size: 25px;
	text-align: center;
	margin-top: -100px;
	margin-right: -100px;
	padding: 10px
	
	 
	
}

.contact {
		font-family:"Brandon Grotesque Regular";
	color: antiquewhite;
	font-size: 25px;
	text-align: center;
	margin-top: -50px;
	margin-right: -100px;
	padding: 10px;
	
	
}

.email {
		font-family:"Brandon Grotesque Regular";
	color: antiquewhite;
	font-size: 25px;
	text-align: center;
	margin-top: -50px;
	margin-right: -100px;
	margin-bottom: 10px;
	padding: 10px
}

footer {
	background-color:#2B2B2B;
	vertical-align: bottom;
	margin-bottom: -70px;
	margin-right: -20px;
	margin-left: -20px;
	margin-top:100px;
}