img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  h2{
      display: block;
    margin-left: auto;
    margin-right: auto;
  }
body{
  background-image: url("Bgimg4.jpg");
  background-size: cover;
  background-repeat: no-repeat;
    
}
.banner{
    margin-left: auto;
    margin-right: auto;
}



  

.art{
    
    display: flex;
    flex-direction:column ;
    position: absolute;
    background-color: transparent;
    top: 200px;
    width: 100%;
    text-align: center;
    font-family: sans-serif;
    font-size: 29px;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1.65px;
    -webkit-text-stroke-color: black;
    
    
}
.art img{
  width: 700px;
  height: 700px;
}

.navigation{
  position: absolute; 
  margin-left: 10px;
  margin-top: 50px;
  margin-bottom: 500px;
  left: 0;
    
}
.navigation2{
  position: absolute;
  margin-right:10px;
  margin-top: 50px;
  right: 0;
  
 
  
}
.navigation3{
  position: absolute; 
  margin-top: 250px;
  margin-left:10px;
  margin-bottom: 50px;
  left: 0;
}
.navigation4{
  position: absolute; 
  margin-top: 250px;
  margin-right:10px;
  margin-bottom: 50px;
  right: 0;
}
.navigation5{
  position: absolute; 
  margin-top: 475px;
  margin-left:10px;
  margin-bottom: 50px;
  left: 0;
}
.navigation6{
  position: absolute; 
  margin-top: 475px;
  margin-right:10px;
  margin-bottom: 50px;
  right: 0;
  text-align: center;
}