/* Task 1 */
*{
    margin: 0;
    padding: 0;
}
nav{
   background-image: url(mainpic.webp);

    background-size: cover;
  background-position: center;
  height: 50vh;
 
    
}
h1,li,ul{
    display: inline;
}
ul{
    margin-left: 50%;}
li{
    margin-left: 5px;
}
h1,h2,h4,p,.b1{
    /* margin-left:70px; */
    font-style: inherit;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif
}
ul{
    font-style: inherit;
    font-family:'Times New Roman', Times, serif,;
}
.box1,.box2,.box3,.box4,.box5,.box6{
    
    border-width: 2px; 
    display: inline-block;
   width: 220px;
   margin-right: 15px;


}


.img1,.img2,.img3,.img4,.img5,.img6{
    width: 220px;
    height: 220px;
}
.header1,.header2,.para1,.para2,.b1,.travel{
    margin-left: 70px;
}
.b1,.b2,.b3,.b4,.b5,.b6,.b7{
     padding: 10px 20px;
      border: none;
      background-color: grey;
      color: white;
      font-size: 16px;
      cursor: pointer;
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;

}
.b0{
    padding: 5px 10px;
      border: none;
      background-color: grey;
      color: white;
      font-size: 12px;
      cursor: pointer;
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
}
.link1,.link2,.link3,.link4{
    color: grey;
    cursor: pointer;
    text-decoration: none;
}
.link1:hover,.link2:hover,.link3:hover,.link4:hover{
    color: white;
}