.work-gallery-container{
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  width:100vw;
 animation:fadeInUp;
 animation-duration:2s;
}





ul{
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  list-style:none;
  flex-direction:column;
  padding:5px;
  
}
li{
    display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  width:90vw;
}
.photo-container{
      margin:10px;
          height:50vh;
          background-size:cover;
          width:50%;
          border-radius:10px;
          box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
         
}
.photo-top-box{
  height:80%;
  width:100%;
}
.photo-bottom-box{
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  background:linear-gradient(to bottom, transparent, #242424);
  width:100%;
  height:20%;
  border-radius:10px;

}
.fa-eye{
fill: white;

}
.fa-eye:hover{
  fill: grey;
}

.fa-eye-container{
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
    width:10%;
    height:100%;
}
.photo-bottom-box-left{
  width:90%;
    height:100%;
}
.more-work{
  color:#242424;
  letter-spacing:1px;
  background:transparent;
  border-radius:5px;
  padding:10px;
    transition:0.3s;
    font-size:20px;
    
}



@media only screen and (max-width: 1000px) {


}