*
{
padding:0;
margin:0;
font-family:'Comic Neue', cursive;


}

.navbar
{
	display:flex;
	justify-content:space-evenly;
	font-weight:bold;
	font-size:22px;
	align-items:center;
	word-spacing:15px;
	margin:20px;
	background:white;
	
}

div>p>a
{
	text-decoration:none;
}

div p a:hover
{
	border:solid orange 2px;
	background:yellow;
	
}


#logo
{
	height:60px;
	width:250px;
}

.poster
{
	background-image:url("../css/assets/images/poster.jpg");
	background-size:cover;
	height:750px;
	width:100%;
	
	
}

.opacity-recipes
{
	background:#B2BEB5;
	height:250px;
	width:900px;
	position:absolute;
    top:75%;
	opacity:0.6;
	border-radius:20px;
	
    
	
	
}

.h1
{
	font-size:75px;
	position:absolute;
	top:83%;
	left:40px;
	font-weight:bold;
	color:white;
	
}

.h3
{
	font-size:30px;
	position:absolute;
	top:98%;
	left:40px;
	color:white;
}




#letest
{
	font-size:40px;
	padding:40px 0px 10px 55px;
	
}

.images
{
	height:300px;
	width:200px;
	border-radius:10px;
}

.images:hover
{
	
	border:solid 2px red;
	transform:scale(1.06);
	box-shadow:gray 6px 6px 6px;
}




.recipes
{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
}
.rname
{
	font-size:20px;
	font-weight:bold;
	padding-top:3px;
}
.morebutton
{
	background:#993300;
	border-radius:10px;
	width:110px;
	height:35px;
	margin:auto;
	color:white;
	text-align:center;
	justify-content:center;
	font-size:22px;
	font-family:verdana;
}

.fa-plus
{
	
	border:solid white 1px;
	border-radius:80%;
	font-size:16px;
}



.prashanth
{
	display:flex;
	background:#FDF5E6;
	justify-content:space-evenly;
	height:500px;
	padding:20px 200px 10px 200px;
	margin-top:30px;
	position:relative;
	flex-wrap:wrap;
	
}

.img-2
{
	height:350px;
	width:280px;
	margin-top:45px;
	position:relative;
	z-index:99;
	
	
	
	
}

.index
{
	background:#2E8B57;
	height:200px;
	width:200px;
	position:absolute;
	top:20%;
	left:21.5%;
}

.index1
{
	background:#993300;
	height:200px;
	width:200px;
	position:absolute;
	top:53%;
	left:25%;
}

.pickup
{
	padding:30px;
	padding-top:20px;
}
.para-1
{
	font-size:20px;
	padding-top:20px;
	
}
.para-2
{
	font-size:20px;
	
}

.pickup
{
	font-size:30px;
	
}
pickup1
{
	padding:10px;
}
.more-bt
{
	margin-top:30px;
	font-size:20px;
	background:#993300;
	width:120px;
	height:25px;
	text-align:center;
	border-radius:8px;
	color:white;
}



.img-11
{
	height:140px;
	width:210px;
	border-radius:10px;
}

.videos
{
	display:flex;
	justify-content:space-evenly;
	padding:60px 30px 0px 30px;
}

.videos-para
{
	font-size:22px;
	font-weight:bold;
}	


 .vertical-text-container 
 {
      writing-mode: vertical-lr; 
       
      font-weight:bold;
      font-size: 18px; 
      font-size:20px; 
	  padding-top:100px;
      padding-left:60px;
 }
   

.input
{
	width:300px;
	height:30px;
	border-radius:5px;
	
} 

.box
{
	height:20px;
	width:20px;
	margin-top:10px;
}  

.para-11
{
	font-size:16px;
}
.prashanth
{
	position:relative;
}


.index-11
{
	background:#2E8B57;
	height:200px;
	width:200px;
	position:absolute;
	left:25%;
	top:19%;
}
  
.index-22
{
	background:#993300;
	height:200px;
	width:200px;
	position:absolute;
	left:32.6%;
	top:54%;
	
}

.footer
{
	display:flex;
	justify-content:space-around;
	
	background:#FDF5E6;
	align-items:center;
	margin-top:40px;
	height:300px;
}
  
	.last-logo
	{
		height:100px;
		width:100px;
		padding-top:60px;
		padding-left:60px;
	}
	
	.icons
	{
	word-spacing:50px;
    font-size:20px;	
	}
	
	.icons:hover
	{
		color:blue;
		background:red;
	}