* {
     margin-top: 20px;
     margin-right: 0px;
     margin-left: 0px;
     /* 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;
         }
 
         h1 { 
           margin: 25px;
           color: gold;
           text-align : center;
           font-size : 3rem;
           }
      
 .restoration-project{
      margin: 20px 150px 0px 100px;
 }
   
 .restoration-project img {
      float: right;
      transition: 1s;
      padding: 5px;
      width: 400px;
      height: 350px;
      object-fit: cover;
      object-position: center;
      border-radius: 20px;
 }
   
 .restoration-project img:hover {
      /* filter: grayscale(100%); */
      transform: scale(1.5);
 }
 
 footer {
      margin-top: 1550px;
      padding: 10px;
      font-size: 17px;
      font-weight: bold;
      text-align: center;
      background: gold;
      color: black;
      font-family: Arial, Helvetica, sans-serif;
      letter-spacing: 1px;
      font-family: Arial, Helvetica, sans-serif;
  }