* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}

.header{
	 display:flex;
	 padding:20px;
	 background-color:black;
	 color:white;
}

 .logo{
	   flex:1;
	   padding:20px;
 }
 
 .menu{
	   flex:2;
	   padding:20px;
 }
 
  
    .ul{
		 display:flex;
		 padding:20px;
		 gap:20px;
		 
	}
	
	.ul li{
		  flex:3;
		  padding:20px;
		  list-style:none;
		  background-color:pink;
		  border-radius:20px;
		  text-align:center;
		  
		  
	}
	
	.ul li a{
		  text-decoration:none;
		  
	}
	
	
	
	.container{
		  display:flex;
		  padding:20px;
	}
	
	
	 .item1{
		  flex:1 1 45%;
	 }
	 
	 
	 .item2{
		   flex:1 1 45%;
	 }
	 
	 
	 .footer{
		    background: #f4f4f4;
			padding:20px;
			color:black;
			text-align:center;
          
	 }
	 
	 
	 
	 
	 .container1{
		  display:flex;
		  
		  padding:20px;
		  
	 }
	 
	 
	 .welcome{
		   flex:1 1 45%;
	 }
	 
	 
	 .myul{
		  display:flex;
		  padding:20px;
		  flex-direction:column;
	 }
	 
	.myli{
		    color:black;
			background-color:white;
	}
	
	
	.resul{
		  display:flex;
		  padding:20px;
		   gap:20px;
	 }
	 
	 
	 
	 .resli{
		  flex:2;
		  padding:20px;
		  list-style:none;
		  background-color:pink;
		  border-radius:20px;
		  text-align:center;
		  text-decoration:none;
		
	 }
	 
	   
	.resul{
		    color:pink;
	}
	
	.resul li a{
		 text-decoration:none;
	}
	
	
	
	.header1{
		display:flex;
	    padding:20px;
		background-color:black;
		color:white;
	 }
	 
	 
	 .container2{
		   display:flex;
		   padding:20px;
	 }