background:/* 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;
}
#Quake{
	 display: flex;             
  justify-content: center;   
  color:#592E2E;
	}

header{

background: #262022 ;
color:#730202;
border: 2px solid #262022 ;
text-align: center;
width:100%;
background:none;

}

body {
	background-image: url("../img/QC.png")  ;
	background-repeat: no-repeat;
	  background-size:cover;
}

p{
	color:white;
	font-size:20px;
	}
	
#QS{
	 display: flex;
  justify-content: center;
	
	
	}

#container {
		border:10px;
                
  max-width:1350px;              
  margin: auto;
}



nav ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  

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