nav{
	font-family:"Poppins",sans-serif;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:1em;
	width:100%;
	padding:5px 10%;
}
nav a{
	text-decoration:none;
	
	font-size:22px;
	font-weight:bold;
	color:#000032;
	
}
#logo{
		position:relative;
	height:120px;
	width:120px;
	margin-right:5px;
	
}
input[type="checkbox"]{
	appearance:none;
	-webkit-appearance:none;
}
label{
	display:none;
	cursor:pointer;
}
ul{
	list-style:none;
	display:flex;
	gap:1em;
}
ul a{
	padding:0.3em;
}
ul a:hover{
	background-color:#0850a3;
	border-radius:30px;
	color:white;
	text-decoration:none;

}
.active{
	background-color:#0850a3;
	border-radius:30px;
	color:white;
	text-decoration:none;
}
@media screen and (max-width:600px){
	#logo{

	height:70px;
	width:70px;
	margin-right:5px;
	
            }
	label{
		display:block;
	}
	ul{
		font-size:1.2em;
		position:absolute;
		left:-100%;
		flex-direction:column;
	text-align:center;
		justify-content:center;
        background-image:url('images/Back6.jpg');
		
		top:80px;          /*same as the height of navbar*/
        width:100%;	
         height: 50%;
         transition:0.5s;
	
z-index:1;		
	}
	ul a{
	color:#000032;
}
	input[type="checkbox"]:checked ~ ul{
		left:0;
	}
	ul a:hover{
	background-color:blue;
	border-radius:0.5em;
}
}