/* *============================================================* Gallery Entries *============================================================* */
.Artwork_Gallery, .Button_Block { 
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .Artwork_Gallery {
    margin: 16px 0px 16px 0px;
  }

  
  .Artwork_Gallery a {
    position: relative;
    margin: 16px 8px 16px 8px;
    
    border: 4px solid #e8e8e8;
    border-radius: 8px 2px 8px 2px;
    
    background-color: #e8e8e8;
    box-shadow: 4px 4px 0px #0d261b;
    text-decoration: none;
  }
  
  .Artwork_Gallery figure {
    margin: 0;
  }
  
  .Artwork_Gallery .Pin {
    margin: 4px 8px 0px 8px;
  }
  
  .Artwork_Gallery .Thumbnail {
    margin: 0px 8px 8px 8px;
    
    max-width: 100%;
    max-height: 200px;
    
    border: 4px solid #291237;

    mask-image: linear-gradient(130deg, black 8%, #000000aa 16%, black 24%, black 64%, #000000cc 72%, black 80%);
    background-color: black;
  }
  
  .Artwork_Gallery figcaption {
    margin: 0px 8px 8px 8px;
    padding: 4px;
    
    text-align: center;
    color: black;
    text-shadow: 0px 0px 0px black;
  }
  
  
  @keyframes OnArtworkHover {
    0% { background-color: #5ac995; box-shadow: 0px 0px 12px white; border-color: #5ac9ab; top: 0px; }
    25% { top: 3px; }
    50% { background-color: #e2fcf5; box-shadow: 0px 0px 2px white; border-color: #e2fcf5;  top: 0px; }
    75% { top: -3px; }
    100% { background-color: #5ac995; box-shadow: 0px 0px 12px white; border-color: #5ac9ab;  top: 0px; }
  }
  
  .Artwork_Gallery a:hover {
    cursor: pointer;
    
    animation-name: OnArtworkHover;
    animation-duration: 2.0s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }
  
  .Artwork_Gallery a:active {
    top: -16px;
    background-color: #5ac9ab;
  }
  
  .Artwork_Gallery img:hover {
    mask-image: linear-gradient(black);
  }
  
  
  aside .Artwork_Gallery {
    margin: 0px;
  }