@charset "UTF-8";
/*
https://snook.ca/archives/html_and_css/simplest-css-slideshow
Math: (fade-in + visible) × images = animation duration
Math: (fade-in + visible) × (ordinal position − 1) = delay
Math: 100 ÷ animation duration = percentage for 1 second
*/

@keyframes demofade {
  0%   { opacity: 0; }
  2.63157%   { opacity: 1; }
  5.26315%  { opacity: 1; }
  7.89473%  { opacity: 0; }
  100% { opacity: 0; }
}

.demoPhoto {
	position: relative;
	height: 200px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 18pt;
	margin-top: 0pt;
}

.demoPhoto img { 
    opacity:0; 
    animation-name: demofade; 
    animation-duration: 38s; 
    animation-iteration-count: infinite; 
    position:absolute; 
    left:0; 
    right:0; 
}

.demoPhoto img:nth-child(1) { animation-delay: 0s; }
.demoPhoto img:nth-child(2) { animation-delay: 2s; }
.demoPhoto img:nth-child(3) { animation-delay: 4s; }
.demoPhoto img:nth-child(4) { animation-delay: 6s; }
.demoPhoto img:nth-child(5) { animation-delay: 8s; }
.demoPhoto img:nth-child(6) { animation-delay: 10s; }
.demoPhoto img:nth-child(7) { animation-delay: 12s; }
.demoPhoto img:nth-child(8) { animation-delay: 14s; }
.demoPhoto img:nth-child(9) { animation-delay: 16s; }
.demoPhoto img:nth-child(10) { animation-delay: 18s; }
.demoPhoto img:nth-child(11) { animation-delay: 20s; }
.demoPhoto img:nth-child(12) { animation-delay: 22s; }
.demoPhoto img:nth-child(13) { animation-delay: 24s; }
.demoPhoto img:nth-child(14) { animation-delay: 26s; }
.demoPhoto img:nth-child(15) { animation-delay: 28s; }
.demoPhoto img:nth-child(16) { animation-delay: 30s; }
.demoPhoto img:nth-child(17) { animation-delay: 32s; }
.demoPhoto img:nth-child(18) { animation-delay: 34s; }
.demoPhoto img:nth-child(19) { animation-delay: 36s; }