/* Basic CSS resets -- leveling slight inconsistencies in browsers */
html, body {
	margin:0px;
	padding:0px;
	height:100%;
}

html {
		/* Standard text-settings below */
	font-size: 1em;
    line-height: 1.4em;
}


header{
background: #56566B ;
color:#03fc8c;
border: 3px solid ;
text-align: center;
width:100%;
}

body {
	
background-image: url("../img/Flower.jpeg")  ;
	background-repeat: no-repeat;
	  background-size:cover;
	  
color:#03fc8c;


}

#modelbody{
	background:#568094;
color:#94566d;
	
	}
	
	
p{

 font-size:20px;

}




p.welcome{

font-size:20px;

}

#container {
		border:10x;
                max-width:1040px;              

  margin:auto;
}

#Who{
	border:2px solid ;
	text-align:center;
	background:#56566B ;
	}
	
#MEE{
	 display: flex;
  justify-content: center;
	
	}


nav ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  border: 1px solid gray;

  display: flex;               /* Use flexbox for horizontal layout */
  justify-content: center;     /* Center items horizontally */
  flex-wrap: wrap;             /* Allow wrapping if needed */
  gap: 10px;                   /* Add space between items */
}

nav ul.horizion li {
  /* Remove unnecessary styles */
}

nav a {
  text-decoration: none;
  display: inline-block;       /* Change from flex to inline-block */
  border: 1px solid black;
  border-radius: 8px;
  padding: 5px 10px;
  margin: 5px;
  background: #2E85F0;
  color: #06118a;
}



nav a:hover{
	
	background:red;
	
	}