@charset "UTF-8";
body{background-color: antiquewhite;
    

  
}

  

main{
  width: 1240px;
  background-image: url(umm-e-hani-ali-MgdeP0yfyTo-unsplash.png);

margin: 300px;


}
h1{
  width: 1240px
  ;background-image: linear-gradient(135deg,blue 0% ,#372a3c 100%);
  font-size: 150px;
  text-align: center;
padding: 30px;
text-transform: capitalize;
margin: auto;
  





}

   #work  ul{
    display: flex;
    flex-wrap: wrap;

    
    justify-content: space-around;
    margin: auto;
    
  
   



    
    
 }
  
 #work ul li img{height: 300px;
  width: 300px;

 }
 #work{
  border-top: 2px solid black;
  border-bottom: 2px solid black;
 }
 li{
flex-basis: 30px;
margin: 30px;
 }


#skill dl{
    display: flex;
    justify-content: center;
    
    border-bottom: 2px solid black;
    
} 
#skill dl dd{
  margin-bottom: 200px;
}


    
    
  body ul {
display: flex;

justify-content: center;
font-size: 30px;
font-weight: bolder;

  }
  h1{
    text-align: center;
    padding: 20px 0px 16px;
  }
  header ul li{
  
  
    font-size: 30px;
    font-weight: bold;  
    
    

  }
  header ul li a:hover{
    text-decoration: underline double;
  }
  #contact  form{
    background-color: aquamarine;
    padding-bottom: 60px;
    width: 700px;
    margin: 0 auto;
    

  }
  
  input[
      type="text"
    ],
     input[
      type="email"
    ],
select,
   
 
  
#about{
  margin:  0 auto 50px;
  border-top: 2px solid black;
  
}
input[type="text"],
input[type="email"],
select,
 

div{
display: flex;
justify-content: center;
}
 textarea {width: 100%;
  height: 148px;
 }   
input[
  type="subumit"
]{
  background-color: hotpink;
  padding: 18px 60px;
}
footer{
  text-align: center;
  padding: 14px 10px 20px;
}
h2 contact
{
  text-align: left;
}