*{
  margin:0%;
  padding:0%;
}


body{
  height:100vh;
  background-image: url("https://static.vecteezy.com/system/resources/previews/023/179/455/non_2x/business-presentation-background-with-brown-color-free-vector.jpg");
 background-size: cover;
}
#navbar{
  list-style: none;
  height:50px;
  width:auto;
 border-width: 30px;
 /* border-bottom: solid black; */
/* background-color: #ccac8c; */
  display: flex;
  flex-wrap: wrap;
  justify-content:right;
  align-items: center;
color: #2d1a16;
  font-size: 20px;
  font-family: cursive;

}
#nav{
  height:50px;
  width:50px;
  background-image: url("https://i.pinimg.com/736x/dc/02/5d/dc025d5335326eb8e16657f398e5a247.jpg");
  background-size: contain;
  /* border-top-right-radius:10px ;
  border-bottom-right-radius:10px ; */
  border-radius: 10px;
  transition: all 1s ease-in-out;
  margin-right: 201px;
  display: flex;
  margin-left: 0%;
}
#nav:hover{
transform: scale(1.2);


box-shadow: 0 0 10px #0000 ;
}
.main{
width:80px;
height: 50px;
/* color:#2d1a16; */
text-decoration: none;
/* background-color: antiquewhite; */
  margin-right:215px;
  display: flex;
  justify-content: center;
  align-items: center;

  /* box-shadow: 0 0 3px #2d1a16; */
}
/* #contact{
  margin-right: 20px;
  width:80px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
} */
a{
 text-decoration:none;
 
}
#logo{
  margin-top: 100px;
  margin-left: 150px;
  height:315px;
  width:315px;
  border-radius: 60px;
  background-color: #a88454;
  background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRWKGzigJ74os9e7QfTFWUnkBSSe3teTzjT3ltcUMPSoV5law_77Zxr7tNRThztqcFJ44U&usqp=CAU") ;
background-size: cover;
box-shadow: 0 0 20px #2d1a16;
transition: all 1s ease-in-out;
}
#logo:hover{
  transform: scale(1.2);
}
#info{
  height:300px;
  width:500px;
  /* background-color: #a88454; */
  margin-top: 130px;
  margin-left: 275px;
  font-size: 25px;
  color: #2d1a16;
  font-family: cursive;
  text-align: left;

}
#container{
  display: flex;
}
.main:hover{
background-color: #2d1a16;
border-radius: 10px;
color: #d4aa74;
cursor:pointer;


}
.contact:hover{
  background-color: #2d1a16;
  border-radius: 10px;
  color: #d4aa74;
  cursor:pointer;
}
