body {
  background-color: rgb(83, 64, 4);
}
div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 700px;
  margin: 0 auto;
  padding:3rem;
  background-color: rgb(237, 206, 148);
  margin-top: 40px;
  border-radius: 20px;
  box-shadow: 5px 10px #926767;
  transition: ease-in-out 3ms;
}
div:hover {
  background-color: rgb(234, 192, 116);
  box-shadow: 10px 10px 8px #000000;
}
h1 {
  font-family: Arial, Helvetica, sans-serif;
  color: rgb(69, 39, 3);
}
p{
    font-size: medium;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-weight: 300;
}
#heading{
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: rgb(255, 255, 255);
    font-size: 2rem;
    background-color: rgba(0, 0, 0, 0.834);
    border-radius:14px 13px;
    width: 50%;
    padding: 5px;
     box-shadow: 5px 5px rgb(242, 255, 0), 10px 10px rgb(183, 162, 7), 15px 15px rgb(92, 123, 15);
}
#heading img{

}