*{
    margin: 0px;
    padding:0px;
    box-sizing: border-box;
    }
.header {
        background-color: rgb(255, 0, 7);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 1920px;
        height: 150px;
        z-index: 12;
      }
input[type=search]{
        width: 336px;
        height: 87px;
        float:right;
        margin-right: 200px;
        font-family:"Poppins light";
        font-style: italic;
        font-weight: lighter;
        font-size: 42px;
        text-align: center;
        border: none;
        border-radius: 12px;
        margin-top: 30px;}
 
 ul li{ 
    float: left;
    list-style: none;
    position: relative;
      }
    
ul li a{
text-decoration: none;
font-family: "Poppins medium";  
color: rgb(255, 255, 255);
font-weight: bold;
      font-size:45px;
line-height: 1.2;
margin:20px;
padding: 0px 16px;
display:inline-block;
}
ul li a:hover{ 
background-color: rgb(0, 0, 0);
} 
ul li ul{
position: absolute;
display: none;
background-color: rgb(255, 0, 0);
border-radius: 0px 0px 10px 10px;
}
ul li:hover ul{
display: block;
}
ul li ul li{
line-height: 1; 
width: 350;
border-radius: 10px;
padding:1px; 
}
ul li ul li a{
padding: 10px 16px;   
}
ul li ul li a:hover{ 
background-color: rgba(105, 2, 2, 0.829);
} 
.home {
background-color:#900c0c;
position: absolute;
left: 0px;
top: 171px;
width: 1920px;
height: 1261px;
z-index: 3;
}
.works{
font-size: 35px;
font-family: "Poppins medium"; 
color: rgb(255, 255, 255);
line-height: 1.2;
text-align: center;
margin-left: -100px;
padding-top:10px;
}
.image-container {
overflow: hidden;
border-radius: 4px;
margin-left: 50px;
border: 2px solid #fff;
width: 314px; /* Change this to fit your desired image size */
cursor:pointer;
height: 314px; /* Change this to fit your desired image size */
}
          
.image-container img {
transition: transform 900ms;
 width: 100%;
 height: 100%;
object-fit: cover;
}
          
.image-container:hover img {
transform: scale(0.9); /* Adjust the scale value to control the zoom level */
}
#A{
margin-left:400px;
 margin-top: -314px;
}
 #B{
margin-left: 756px;
margin-top: -314px;
}
#C{
 margin-left: 1126px;
 margin-top: -314px;
}
#D{
 margin-left: 1490px;
 margin-top: -314px;
}

#E {
      overflow: hidden;
      border-radius: 4px;
      margin-left: 50px;
      margin-top: 70px;
      border: 2px solid #fff;
      width: 314px; /* Change this to fit your desired image size */
      cursor:pointer;
      height: 313px; /* Change this to fit your desired image size */
      }
#F{
      margin-left:400px;
       margin-top: -314px;
      }
       #G{
      margin-left: 756px;
      margin-top: -314px;
      }
#H{
 width: 560px; /* Change this to fit your desired image size */
cursor:pointer;
height:314px; /* Change this to fit your desired image size */
margin-left: 1176px;
margin-top: -314px;
      }
     #I{
            overflow: hidden;
            border-radius: 4px;
            margin-top: 70px;
            margin-left: 30px;
            border: 2px solid #fff;
            width: 296px; /* Change this to fit your desired image size */
            cursor:pointer;
            height: 394px; /* Change this to fit your desired image size */
            }
          
        
            #J{
                  overflow: hidden;
                  border-radius: 4px;
                  margin-top: -396px;
                  margin-left: 424px;
                  border: 2px solid #fff;
                  width: 296px; /* Change this to fit your desired image size */
                  cursor:pointer;
                  height: 394px; /* Change this to fit your desired image size */
                  }
                  #K{
                        overflow: hidden;
                        border-radius: 4px;
                        margin-top: -396px;
                        margin-left:818px;
                        border: 2px solid #fff;
                        width: 296px; /* Change this to fit your desired image size */
                        cursor:pointer;
                        height: 394px; /* Change this to fit your desired image size */
                        }
                        #L{
                              overflow: hidden;
                              border-radius: 4px;
                              margin-top: -396px;
                              margin-left:1203px;
                              border: 2px solid #fff;
                              width: 296px; /* Change this to fit your desired image size */
                              cursor:pointer;
                              height: 394px; /* Change this to fit your desired image size */
                              }
                              #M{
                                    overflow: hidden;
                                    border-radius: 4px;
                                    margin-top: -396px;
                                    margin-left:1577px;
                                    border: 2px solid #fff;
                                    width: 296px; /* Change this to fit your desired image size */
                                    cursor:pointer;
                                    height: 394px; /* Change this to fit your desired image size */
                                    }
                                    .copyright{
                                          font-size: 25px;
                                          font-family:'Courier New';
                                          color: rgb(255, 255, 255);
                                           line-height: 1.2;
                                          text-align: center;
                                          margin-left: -100px;
                                          padding-top:20px;
                                        }