/* all common css start */
 *{
    margin: 0%;
    padding: 0%;
 }
 ul,ol{
    list-style-type: none;
 }
 a{
    text-decoration: none;
 }
 /* all common css end */
 #header{
        background: #fff8f3;
        display: flex;
        /* margin: 0 auto;
        justify-content:space-between;
        display: flex;
        height: 100px;
        text-align: center; */
 }

 .container{
    color: black;
    margin: 0 auto;
    justify-content:space-between; 
        display: flex;
        width:1170px;
        height: 100px;
        align-items: center; 
 }
 .logo-design{
    display: flex;
    align-items: center;
   padding: 20px 80px;
 }
 #menu{
    display:flex;
   justify-content: center; 
    margin: auto; 
 }
 .logo ul {
     display: flex;
     justify-content: center;
   color: black;
   font-size: 20px;
   gap: 20px;
   padding: 0px 0px 0px 380px;
 }
.logo ul li a{
   color: black;
   transition: .5s;
   font-size: 20px;
   margin-left:50px;
   /* padding: 0px 0px 0px 300px; */
}
 .logo ul li a:hover{
    color:blueviolet;
 }
 .button{
   padding: 10px 5px;
   text-align: center;
    background: #FD6E0A;
    color:white;
    border-radius: 5px;
    padding: 15px 25px;
    margin-right: 80px;
 }
 
.button a{
    font-weight: 700;
     font-family: "Roboto Slab", serif;
    background: #FD6E0A;
    color: white;
    font-size:20px;
    border-radius: 5px;
    text-align: center;
    transition: .5s;
 } 
 .button a:hover{
   color: blueviolet;
 }