*{
	margin:0;padding:0; box-sizing: border-box;
	font-family: 'Josefin Sans', sans-serif;
}

header{
	width: 100%;
	height: 100vh;
	background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.1)),url('../images/b1.jpg');
	background-repeat: no-repeat;
	background-size: cover;

}

nav{
	width: 100%;
	height: 15vh;
	background-color:rgb(0,0,0,0.1); ;
	color:white; display: flex; justify-content: space-between;
	align-items: center;
	text-transform: uppercase;

}

nav .logo{ width: 25%;
text-align:center;
font-size: 20px; }

nav .menu{
	width: 40%;
	display: flex; justify-content: space-around;
}

nav .menu a{
	width: 35%;
	text-decoration: none;
	color: white;
	font-weight: bold; 

}

nav .menu a:first-child:hover{
font-size: 25px;
   
}

main{
	width: 100%;
	height: 85vh;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

section{

}

section h3{
	font-size: 35px; font-weight:200; letter-spacing: 3px;
	text-shadow: 1px 1px 2px white; color: #F0FFF0;
}

section h1{
 

 margin: 30px 0 20px 0;
	font-size: 55px;
	font-weight: 700;
	color: white;
	text-shadow: 2px 1px 5px black;
	text-transform: uppercase;

}

section p{
	font-size: 25px;  word-spacing: 2px;
	text-shadow: 1px 1px 1px black; color: #eee;
    margin-bottom: 25px:;

}

section a{
	padding: 12px 30px;
	border-radius: 4px;
	outline: none;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	letter-spacing: 1px;
}

section .b1{
	background:rgba(0,0,0,0.5);
	color: white;
}

.animate__heartBeat{
animation-iteration-count: infinite;
}

.c:after{

	content:'';
	color:;
	text-shadow: 0 0 10px #ff99bb;
	animation: animation 10s infinite linear;
}

@keyframes animation{
	0%{content:"ROMANCE";}
	20%{content:"HUMOR";}
	40%{content:"THRILLERS";}
	60%{content:"MYSTERY";}
	80%{content:"FICTION";}
	100%{content:"ACTION";}
	
 0%,100%
  {
       color:white;
       filter: blur(2px);
       text-shadow: 0 0 10px #ff99bb,
                   0 0 20px #ff99bb,
                   0 0 40px #ff99bb,
                   0 0 80px #ff99bb,
                   0 0 120px #ff99bb,
                   0 0 100px#ff99bb,
                   0 0 100px#ff99bb,
                   0 0 100px #ff99bb;
  }

  5%,95%
  {
       color:white;
       filter: blur(0px);
       text-shadow: 0 0 10px none;
  }
}