:root {
  --backdrop: #333;
}
body{
  font-family: Arial, Helvetica, sans-serif;
  background-color: var(--backdrop);
  color: white;
}
a, a:visited{
  color: aqua;
}




 /* lightbox_gallery */
 #lightbox_gallery {
    display: flex;
    flex-wrap: wrap;
    gap:1em;
  }
  #lightbox_gallery::after {
    content: '';
    flex-grow: 999999999;
  }
  #lightbox_gallery a {
    margin: 2px;
    position: relative;
    background-color: white;
  }

  #lightbox_gallery i{
    display: block;
  }
  #lightbox_gallery a img {
    width: 100%;
    top: 0;

    vertical-align: bottom;
  }

/* Flashing */
#lightbox_gallery a:hover img{
	opacity: 1;
	-webkit-animation: flash 0.5s;
	animation: flash 0.5s;
}


@-webkit-keyframes flash {
	0% {
		opacity: .7;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .7;
	}
	100% {
		opacity: 1;
	}
}

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

  #lightbox_gallery a:last-child{
    width: 100%;
    }
  }

/* lightbox_text_gallery */
  #lightbox_text_gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
  }
  #lightbox_text_gallery::after {
    content: '';
    flex-grow: 999999999;
  }
  #lightbox_text_gallery figure {
    margin: 2px;
    position: relative;
  }
  #lightbox_text_gallery figcaption{
    margin-top: 0.5em;
   }
  #lightbox_text_gallery i{
    display: block;
  }

  #lightbox_text_gallery img {
    background: #1abc9c;
    width:100%;
    top: 0;
    vertical-align: bottom;
  }

  /* Hover Shadow*/
#lightbox_text_gallery img:hover  {
 box-shadow: 0 0px 5px rgba(255, 255, 255, .5);
   transition: box-shadow 0.1s ease-in-out;
}