* {box-sizing:border-box}
/* Slideshow container */
.slideshow-container {max-width:1000px; position:relative; margin:auto}
/* Hide the images by default */
.mySlides {display:none}
.mySlides img {width:100%; border-radius:15px}
/* Next & previous buttons */
a.prev, a.next {cursor:pointer; position:absolute; top:50%; width:auto; margin-top:-22px; padding:16px; color:white; font-weight:bold; font-size:18px; transition:0.6s ease; border-radius:0 3px 3px 0; user-select:none; background-color:#999}
/* Position the "next button" to the right */
.next {right:0; border-radius:3px 0 0 3px}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {background-color:rgba(0,0,0,0.8)}
/* Caption text */
.text {color:#f2f2f2; font-size:15px; padding:8px 12px; position:absolute; bottom:8px; width:100%; text-align:center}
/* Number text (1/3 etc) */
.numbertext {color:#f2f2f2; font-size:12px; padding:8px 12px; position:absolute; top:0}
/* The dots/bullets/indicators */
.dot {cursor:pointer; height:15px; width:15px; margin:0 2px; background-color:#bbb; border-radius:50%; display:inline-block; transition:background-color 0.6s ease}
.active, .dot:hover {background-color:#717171}
/* Fading animation */
.fade {animation-name:fade; animation-duration:2s}
@keyframes fade {
  from {opacity:.4}
  to {opacity:1}
}