a{
  text-decoration: none;
}



div.ProjectContainer{
  /*border: 4px solid green;*/
    /*background-color: rgb(36, 36, 36);*/
    margin:0 auto; 
    
    display:flex;
    flex-flow:wrap;
    justify-content: center;
    
    /*
    
    position: relative;
    overflow: auto;

    */
    
  }

  div.ProjectContainer a,
  div.ProjectContainer a:visited{
    color:black;
  }
  

  div.InProgressTile{
   width:256px;
   height:256px;
   display:inline-block;
  }

  div.ListingTile{
    height:15vh;
    width:50vw;
    min-height:128px;
    max-width: 720px;
    display:inline-block;
  }

  div.ArtTile{
    max-width: 50%;
  }

  div.ProjectTitleTile{
    position: relative;
    transition:all .1s ease-in-out;
  }

  div.ProjectTitleTile:hover{
    transform:scale(1.02);
  }
  div.ProjectTitleTile:hover img{
    filter: blur(5px) contrast(0.15) brightness(120%);
  }

  div.ProjectTitleTile:hover p{
    filter:opacity(1);
  }

  div.ProjectTitleTile:hover h1{
    filter:opacity(1);
  }

  div.ProjectTitleTile p{
    text-align: left;
    position:absolute;
    padding: 8px;
    bottom: 0;
    z-index: 100;
    filter:opacity(0);
    text-decoration:underline;
  }
  
  div.ProjectTitleTile h1{
    position: absolute;
    text-align: left;
    font-size: 150%;
    z-index: 100;
    filter:opacity(0);
    text-decoration: underline;
  }
  
  div.ProjectTitleTile img{
    margin:0;
    padding:0;
    object-fit:cover;
    object-position:center;
  
    width:100%;
    height:100%;
    z-index: -1;

  }