#hedder{
    margin: auto;
    width: 60%;
    text-align: center;
      }
      
      #featured{
        display:flex ;
        width: 80%;
        margin-left: 200px;
      }
      #featured>div:hover{
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
      }
      #featured>div{
        width: 50%;
        padding: 10px;
        cursor: pointer;

      }
      #featured>div>img{
        width: 100%;
      }
     #h1{
      width: 80%;
        margin-left: 200px;
     }
     #list{
      width: 80%;
        margin-left: 200px;
      display: grid;
      grid-template-columns: repeat(3,1fr);
      gap: 20px;
      /* background-color: antiquewhite; */
     }
     #list>div:hover{
     cursor: pointer;
     }
     #list>div>img{
     width: 100%;
     }