/*------------------RESTURANT HTML SIDE-----------------------------*/


#button {
  display: block;
  margin-bottom: 60px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

h1{
  font-family: cursive;
  font-size: 25px;
  color: rgb(115, 12, 12);
}

 

#bodyrest{
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: radial-gradient(rgb(224, 161, 94),rgba(171, 86, 18, 0.94));
  flex: 1;
  border-style: solid;
  border: 4px solid rgb(93, 15, 15);
  
  
}
  

#Meny{
  padding-left: 20px;
  margin-top: 20px;
  border: solid 25px rgba(137, 78, 78, 0.523);
  align-items: center;
  background-image: radial-gradient(rgb(224, 161, 94),rgba(171, 86, 18, 0.94));
  

}

#center{
  margin: 0;
  padding: 10px;
  text-align: center;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: rgb(117, 50, 19);
  
}



 

label{
  display: block;
  font-size: 20px;
  margin-bottom: 20px;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  color: rgb(96, 12, 12);
  font-style: oblique;
}

#Mat{
  background-color: chocolate; opacity: 0.5;
  
}

#øverst{
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-size: 20px;
  color: black;
  margin: 0;
  padding: 0;
  
}

ul{
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}











/*------------------------------------STANDARD EGENSKAPER-------------------------------------------*/





  body{
  margin: 0; /*Nullstiller margin og padding til 0*/
  padding: 0;
  background-image: radial-gradient(rgb(224, 161, 94),rgba(171, 86, 18, 0.94));
 
 

 

 
}








/*------------NAVBARD ,-----index-----------------*/


.logo h1{
  
  
  font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; /*Skrifttype*/
  font-variant: small-caps;
  font-size: 38px; /*Størrelse*/

 


  text-shadow: -1px 0 rgb(222, 212, 212), 0 1px rgb(210, 198, 198), 1px 0 rgb(101, 43, 43), 0 -1px rgb(193, 47, 47); 


  

 
 
}





nav{


  min-height: 10px;
  border-bottom: #96930b 4px solid;

  padding: 9px 30px;
  display: flex; /*Sier ifra om bruk av flex*/
  align-items: center; /*Justerer de i midten*/
  justify-content: space-between; /*Lage plass i mellom*/

  



 
      background-image: repeating-linear-gradient(rgb(178, 165, 20),rgb(5, 119, 131)); /*Bakgrunnsgradient på nav*/
      

     
  
  
}





nav li{ /*Redigering av listene i nav*/
  text-transform: uppercase;
}


nav ul{ 

  display: flex;
  gap: 3px; /*Mellomrom*/




}


nav ul li{
  list-style-type: none; /*ingen dekorasjoner*/
}



nav ul li a{
  text-decoration: none;
  color: rgb(243, 252, 252);
}

li a:hover { /*Hva som skjer når du har musepekeren over*/
  background-color: #b68d12;
}

li a { /*Selve teksten*/
  display: block; /*Gjør at nav bar blir trykkbar*/
 
  text-align: center; /*Sentrerer i midten*/
  padding: 12px 16px;
  text-decoration: none; /*Tar vekk understrekene til lenkene*/
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  border: solid 3px rgb(255, 223, 12);
  border-radius: 10px;
}





















/*----------------responsivitet-------------------------------*/


/* Standard styles for navbar */
nav {
  /* Your existing styles */
}

/* Styles for larger screens */
@media screen and (min-width: 768px) {
  nav ul {
    /* Additional styles for larger screens */
  }
}

/* Styles for smaller screens */
@media screen and (max-width: 767px) {
  nav {
    flex-direction: column; /* Stack items vertically */
  }
  nav ul {
 
    flex-direction: column;
    background-color: rgba(154, 195, 33, 0.9); /* Background color for mobile nav */
    position: absolute;
    top: 60px; /* Adjust this value as needed */
    left: 0;
    width: 100%;
    padding: 10px;
  }
  nav ul.active {
    display: flex; /* Show the list when active */
  }
  nav li {
    margin-bottom: 10px; /* Spacing between menu items */
  }
}


.container{ /*Selve container til hovedellen*/
  
  
  width: 80%; /*Maks 80 prosent*/
  margin: auto; 
  overflow: hidden; 



}