/* Slideshow container */
.slideshow-container {
  position: relative;  background: #f1f1f1f1;}

/* Slides */
.mySlides {  display: none;  padding: 50px;  text-align: center;}

/* Next & previous buttons */
.prev, .next {  cursor: pointer;  position: absolute;  top: 50%;
  width: auto;  margin-top: -30px;  padding: 16px;  color: #888;  font-weight: bold;  font-size: 20px;  border-radius: 0 3px 3px 0;  user-select: none;}

/* Position the "next button" to the right */
.next {  position: absolute;  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: #40E0D0;  color: white;}

/* The dot/bullet/indicator container */
.dot-container {    text-align: center;    padding: 20px;    background: #fff;}

/* 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;}

/* Add a background color to the active dot/circle 
.active, .dot:hover {  background-color: #f5f5f5;
}*/

/* Add an italic font style to all quotes */
q {font-style: italic;}

/* Add a blue color to the author */
.author {color: cornflowerblue;}