* {
  color: white;
  padding: 0px;
  margin: 0px;
}



nav.navbar.navbar-expand-lg {
    position: fixed;
    z-index: 999;
    width: 100%;
}

#home{
	padding: 0px;	
	height: 100vh;
}

#home img{
    position: fixed;
	bottom: 0%;
	pointer-events: none;

}



#name{
	position: relative;
	z-index: 8;
	height: 100vh;
	text-align: center;
	    margin: 100px 0px;
}

#name img{
	max-width: 100%;
	height:auto;
	display: block;
	margin:auto;
}

#name h1{
	font-size: 50px;
}


#author{
	position: relative;
	text-align: center;
	margin: 100px 0px;
}

#author img{
	position: relative;
	z-index: 4;
	max-width: 90%;
	height:auto;
	display: block;
	margin:auto;
}
#author h1{
	position: relative;
	z-index: 13;
	font-size: 50px;
	margin-bottom: 30px;
}
#author h2{
	position: relative;
	z-index: 8;
	font-size: 42px;
	margin-bottom: 30px;
}
#author p {
	position: relative;
	z-index: 8;
	font-size: 18px;
	background: linear-gradient(#00000000, #000000b8);
	padding: 12px;
}

#book{
	position: relative;
	text-align: center;
	margin: 100px 0px;
}

#book img{
	position: relative;
	z-index: 13;
	max-width: 90%;
	height:auto;
	display: block;
	margin:auto;
}
#book h1{
	position: relative;
	z-index: 13;
	font-size: 50px;
	margin-bottom: 30px;
}
#book h2{
	position: relative;
	z-index: 8;
	font-size: 42px;
	margin-bottom: 30px;
}
#book p {
	position: relative;
	z-index: 8;
	font-size: 18px;
	background: linear-gradient(#00000000, #000000b8);
	padding: 12px;
}

.icon {
    font-size: 32px;
    position: absolute;
    bottom: 10px;
    right: 0px;
	z-index: 16;
}

.icon a{
	margin: 0px 10px;
}

img.channel {
    width: 50px;
}

#buy{
	font-size: 22px;
	position: relative;
	margin: 100px 0px;
}

#buy a{
	text-decoration: none;
	color: #ff8484;
}
#buy a:hover{
	color: white;
}

.icon2 {
    font-size: 32px;

    right: 0px;

}

.icon2 a{
	margin: 0px 10px;
		text-decoration: none;
	color: #ff8484;
}
.icon2 a:hover{
	color: white;
}

div#navbarSupportedContent {

    padding: 10px;
}

button.navbar-toggler{
	box-shadow: none;   
   outline: none;   
   border: none;
}

button.navbar-toggler:focus{
		box-shadow: none;   
   outline: none;   
   border: none;
}

@keyframes slideUp {
      0% {
        opacity: 0;
        transform: translateY(100%);
      }
      100% {
        opacity: 1;
        transform: translateY(0);
      }
}	  

a.nav-link {
    font-size: 18px;
}


@media (max-width: 767.98px){
	div#navbarSupportedContent {
    background: linear-gradient(transparent, white);
    padding: 10px;
}
}