* {

     margin-top: 20px;
     margin-right: 0px;
     margin-left: 0px;

    /* margin-top: 20px;
    margin-left: 8px;
    padding-left: 8px; */
}

body {
     /* background-image : url("../images/Background-Image-AshrafiyahMosque-Taiz.png");
     background-size: cover; */
     background-color: black;
   }

nav{
     overflow: center;
     }
     
     ol {
       margin: 0px;
       padding: 10px 0px;
       text-align: center;
       list-style: none;
     }
     
        li {
          float: right;
     }
     
        nav a {
          background-color: wheat;
          width: 10px;
          display: block;
          text-decoration: none;
          text-align: center;
          font-size: 25px;
          color: green;
          border: 2px solid green;
          padding: 10px;
          margin-right: 50px;
        }
     
        .gallery-menue{
            background-color: green;
          color: white;
        }

        h1 { 
          margin: 25px;
          color: gold;
          text-align : center;
          font-size : 3rem;
          }
     
.gallery{
     margin: 10px 30px;
}
  
.gallery img {
     transition: 1s;
     margin-left: 35px;
     padding: 5px;
     width: 400px;
     height: 350px;
     object-fit: cover;
     object-position: center;
     border-radius: 20px;
}
  
.gallery img:hover {
     filter: grayscale(100%);
     transform: scale(1.3);
}

footer {
     padding: 10px;
     font-size: 17px;
     font-weight: bold;
     text-align: center;
     background: gold;
     color: black;
     font-family: Arial, Helvetica, sans-serif;
     letter-spacing: 1px;
 }