*
{ 
margin: 0px;
padding: 0px;
text-decoration:none; 
}

img
{
border-style: none;
}


html
{
background-image: linear-gradient(0deg, #ffffff, #660000);
	min-height:100%;
	background-size:cover;
	z-index:-1;
	animation-name:changeback;
	animation-duration:1s;
}

a:link {
  color: #00B7EB;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #00B7EB;
  background-color: transparent;
  text-decoration: none;
}

@keyframes changeback
{
	0%{background-image: radial-gradient(#000000,#330000);}
	50%{background-image: radial-gradient(#000000,#330000);}
	100%{background-image: linear-gradient(0deg, #ffffff, #660000);}
}


.fullscreen-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
	opacity:0;
	animation-name:snow;
	animation-duration:5s

}

@keyframes snow
{
	from{opacity:1;}
	to{opacity:0;}
}

.fullscreen-bg__video {
    position: fixed;
    right:0;
	bottom:0;
	min-width:100%;
	min-height:100%;
}

#alltherest
{
	position:relative;
	width:100%;
	height:100%;
	margin:auto;
	animation-name:opening2;
	animation-duration:1.5s;
}

@keyframes opening2
{
	0% {opacity:0;}
50%{opacity:0;}
	100% {opacity:1;}
}


#header
{
position:relative;
width:1060px;
height:400px;
margin:auto;
z-index:10;
background-color:black;
border-radius:20px;
padding:20px;
top:5px;
}

#circle
{
	position:absolute;
	height: 60px;
	width:60px;
	background-color:white;
	border-radius:50%;
	
}

#home
{
position:absolute;
left:15px;
height:50px;
width:50px;
line-height:50px;
cursor: pointer;
color: green;
font-weight: bold;
font-size: 50px;	
}

#praguepic
{
position:relative;
padding-top:55px;
width:760px;
height:250px;
margin:auto;
}

.banner
{
position:absolute;
margin:auto;
width:760px;
height:180px;
top:110px;
margin:auto;
text-align:center;
color: #2C4969;
font-family: "Century Gothic", Verdana, sans-serif;
font-size:120px;
font-weight:bold;
line-height:170px;
}



#menu
{
position:relative;
width: 100%;
height:50px;
top:5px;
margin:auto;
margin-top: 5px;
background-image: linear-gradient(yellow 10%,green 12%, green 88%, yellow 90%);

}

#menubox
{
	position:relative;
	width:1100px;
	height:30px;
	padding-top:3px;
	padding-bottom:3px;
	margin:auto;
	text-align:center;

font-family: "Century Gothic", Verdana, sans-serif;
font-size:26px;
font-weight:bold;
color:white;
}

.amenu
{
position: relative;
width:366px;
height:30px;
float:left;
margin:auto;
padding-top:5px;
}


.books
{
	position:relative;
	width:100%;
	height:410px;
	margin:auto;
	background-image: linear-gradient(0deg, #ffffff, #330000);

}


#focusBook
{
	position:relative;
	width:1100px;
	height:400px;
	left:425px;
	margin:auto;
	margin-top:5px;
	margin-bottom:5px;
	
}





#breaker
{
	position:relative;
	width:100%;
	height:10px;
	background-image: linear-gradient(red,yellow,red);
	
}

#spines
{
	position:relative;
	width:100%;
	height:480px;
	background-image: radial-gradient(#330000,#660000);
}


#spineCover
{
	position:absolute;
	width:100%;
	height:480px;
	background-image: linear-gradient(to right, rgba(0,0,0,1)25%,rgba(0,0,0,0)40%,rgba(0,0,0,0)60%,rgba(0,0,0,1)75%);
 
}


#smenubox
{
	position:absolute;
	padding-top:30px;
	width:1100px;
	height:400px;
	left:50%;
	margin-left:-550px;
	z-index:2;

}

.smenu
{
position: relative;
left:20px;
width:100px;
height:400px;
float:left;
margin:auto;
}


#backing1
{
	position: absolute;
	width:1200px;
	height: 100px;
	top:150px;
	left:50%;
	margin-left:-600px;
	z-index:1;
}

.prev
{
 position:absolute;
 top:10px;
 left:0px;
 height:80px;
 width:50px;
 line-height:100px;
 cursor: pointer;
 color: white;
 font-weight: bold;
 font-size: 100px;
 

}


.next 
{
position:absolute;
right:0px;
top:10px;
height:80px;
width:50px;
line-height:100px;
cursor: pointer;
color: white;
font-weight: bold;
font-size: 100px;

  
}

/*for adding book details on top */


#fb1back
{
	position:relative;
	height:420px;
	width:270px;
	left:180px;
	float:left;
	background-color:white;
	border-radius:10px;
}

#focusbook1
{
	position: absolute;
	height:400px;
	width:250px;
	top:8px;
	left:8px;
	background-color:green;

}

#bookcover
{
	box-shadow: 7px 7px 5px rgba(0,0,0,1);
}


#focusbox3
{
	position: relative;
	height:400px;
	width:250px;
	left:372px;	
	float:left;
	background-color:black;

}



#focusbox3a
{
	position: relative;
	height: 300px;
	width:250px;
	color:white;
	border-radius:20px;
	text-align:center;
	padding:5px;
	font-family: 'Source Serif Pro', serif;
}

#focusbox3b
{
	position: relative;
	height:100px;
	width:250px;
	background-color: black;

}

#gotoAmazon
{
  position: relative;
  top:10px;
  left:67px;
  display: inline-block;
}