/* 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;
}

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

header{
	margin:auto;
	background: #590F1D ;
color:#03fc8c;
border: 3px solid ;
text-align: center;
width:900px;

	}

body {
	background-image: url("../img/Flower1.jpeg")  ;
	background-repeat: no-repeat;
	  background-size:cover;
text-align: center;

}


#container {
		border:10px;
                
  width:100%;              
  margin: auto;
}

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 */
}
#Color{
	background:#94A66F;
	
	}
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;
	
	}