html{
  overflow-y: hidden;
}

#description a, 
#description a:hover, 
#description a:visited, 
#description a:active{
  text-decoration: underline;
}

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
  transition: all 0.5s ease-in-out;
}

/* Hide the images by default */
.mySlides {
  display: none;
  height: calc(100vh - 6em);
  line-height: calc(100vh - 6em);
}

.mySlides img{
  max-height: calc(100vh - 6em);
  max-width: 100%;
  object-fit: cover;
  vertical-align: middle;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  color: white;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
}

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

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

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

body{
  margin-top: 3em;
}

.slideshow-container{
  grid-column: 2/span 13;
}

.title{
  grid-column: 2/span 4;
}

#description{
  grid-column: 1/span 6;
  margin-top: 1em;
  height: auto;
  display: none;
}

#informations{
  -moz-transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  transition: transform 0.5s;
  cursor: pointer;
}

.flip {
  transform: rotate(-180deg);
}

#footer-albums{
  padding: 0 var(--margin-border);
  margin-bottom: 10px;
  position: absolute;
  bottom: 0;
  width: 100vw;
  scroll-behavior: auto;
  z-index: 99;
  grid-template-columns: var(--margin-grid) repeat(6, 6fr var(--margin-grid));
  display: grid;
}

.footer-albums > div{
  height: auto;
}

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

#description{
  grid-column: 1/span 13;
}
}

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

}