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

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


.logo{
	   flex:1;
	   padding:20px;
	   color:white;
	   }
 
 .menu{
	   flex:2;
	   padding:20px;
 }
 
  
    .ul{
		 display:flex;
		 padding:20px;
		 gap:20px;
		 
	}
	
	.ul li{
		  flex:3;
		  padding:20px;
		  list-style:none;
		  border-radius:20px;
		  text-align:center;
          background-color:pink;
          border-radius:20px;		  
	}
	
	
	
	.ul li a{
		  text-decoration:none;
		  color:blue;
		  
	}
	
	
	
	
  .container{
	    display:flex;
		padding:20px;
		
  }
	
	
	.welcome{
		    flex: 1 1 45%;
	}
	
	
	.item2{
		  flex: 1 1 45%;
	}
	
	
	
	
	.footer{
		    background: #f4f4f4;
			padding:20px;
			color:black;
			text-align:center;
	}