@font-face {
    font-family: 'SlideshowControls';
    src: url('/SlideshowControls.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

* {
box-sizing: border-box
}

.SlideImages {
display: none
}

figure {
max-width: 100%;
margin: 0 0 0 0;
}

figcaption {
font-size: 12.5px;
color: #000000;
}

/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
  text-align: center;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: 1} 
  to {opacity: 1}
}

.SlideshowButton {
font-family: SlideshowControls !important;
font-weight: normal;
font-style: normal;
font-size: 25px;
color: black;
cursor: pointer;
border: none;
background-color: transparent;
outline: none;
}

.SlideshowControls {
display: flex;
justify-content: space-evenly;
padding-top: 0.75em;
}