:root{
   font-family: Georgia, 'Times New Roman', Times, serif;
   /* color: #6b3c0d; */
}

body{
   margin: 0;
   padding: 0;

   background: rgb(255, 255, 255);
}


h1{
   color: rgba(146, 82, 9, 0.725);
   text-shadow: 2px 0px 2px #c4a96b, 1px 1px 4px #ffeab9;
}

.name{
   text-align: center;
}

.menu  {
   list-style-type: none;
   margin: 0;
   padding: 4px 10%;
   overflow: hidden;
   background: linear-gradient(#202020ad, #00000000);
}

.menu li {
   float: left;
   padding: 0 5px;
}

.menu li a {
   display: block;
   color: rgb(0, 0, 0);
   text-align: center;
   font-weight: 800;
   padding: 14px 16px;
   text-decoration: none;
   text-shadow: 1px 1px 4px #ffffff;
}

.menu li a:hover:not(.active) {
   background-color: #11111159;
   border-radius: 10px;
}

.active {
   background-color: #afa54c94;
   border-radius: 10px;
}

@keyframes background-main {
   50% {
      background: rgb(255, 254, 239);
   }
}
 
.header{
   width: 100%;
   height: 240px;
   background: url("../images/interier/common1.jpg");
   background-size: cover;
}