/*For navbar styling*/
nav {
	padding: 10px;
	text-align: center;
	float: right;
}
/*For footer styling*/
footer{
	padding: 5px;
	color: white;
	text-align: center;
	border: 1px solid black;
	position: absolute;
	top: 96%;
	width: 98%;
	font-size: 20px;
	background-color: black;
	opacity: 0.8;
}
/*For styling each element of navbar*/
nav ul li{
	display: inline;
	padding: 10px;
	background-color: black;
	opacity: 0.8;
	border: 2px solid;
	border-color: yellow;
}
a {
	color: white;
	text-decoration: none;
}
fieldset{
	border: 2px solid;
	border-color: yellow;
}
h3{
	font-size: 50px; 
	color: black;
	opacity: 0.9;
	position: absolute;
	left: 10%;
	top: 0%;
}
/*for using hover effect in navbar*/
nav ul li :hover{
	opacity:0.9;
	color: yellow;
	border: 1px;
	border-color: black;
	padding: 10px;
	font-size: 20px;
}
/*styling icons and using hover effects*/
.fa {
	padding: 20px;
	font-size: 30px;
	width: 50px;
	text-align: center;
	text-decoration: none;
	margin: 5px 2px;
	border-radius:40%;
}
.fa:hover {
	opacity: 0.7;
}
.fa-facebook {
	background: #3B5998;
	color: white;
}
.fa-youtube {
	background: #bb0000;
	color: white;
}

.fa-instagram {
	background: #125688;
	color: white;
}
.sub :hover {
	opacity:0.9;
	font-size: 20px
	padding: 10px;
	border: 1px;

}