* {

  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  background-image: url("../img/carrusel/17.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  
}

.content-all {
  margin-left: 60%;
  width: 20%;
  margin-top: 19%;
  perspective: 10%;
  position: relative;
}

.content-carrousel {
  width: 50%;
  position: absolute;
  animation: rotar 100s infinite linear;
  transform-style: preserve-3d;
}

.content-carrousel figure {
  width: 80%;
  position: absolute;
  box-shadow: 0px 0px 20px 0px black;
}

.content-carrousel figure:hover {
  box-shadow: 0px 0px 0px 0px black;
  transition: all 300ms;
}
.content-carrousel img {
  width: 100%;
  transition: all 300ms;
}

.content-carrousel figure:nth-child(1) {
  transform: rotateY(0deg) translateZ(300px);
}
.content-carrousel figure:nth-child(2) {
  transform: rotateY(40deg) translateZ(300px);
}
.content-carrousel figure:nth-child(3) {
  transform: rotateY(80deg) translateZ(300px);
}
.content-carrousel figure:nth-child(4) {
  transform: rotateY(120deg) translateZ(300px);
}
.content-carrousel figure:nth-child(5) {
  transform: rotateY(160deg) translateZ(300px);
}
.content-carrousel figure:nth-child(6) {
  transform: rotateY(200deg) translateZ(300px);
}
.content-carrousel figure:nth-child(7) {
  transform: rotateY(240deg) translateZ(300px);
}
.content-carrousel figure:nth-child(8) {
  transform: rotateY(280deg) translateZ(300px);
}
.content-carrousel figure:nth-child(9) {
  transform: rotateY(320deg) translateZ(300px);
}
.content-carrousel figure:nth-child(10) {
  transform: rotateY(360deg) translateZ(300px);
}

@keyframes rotar {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}

.content-carrousel:hover {
  animation-play-state: paused;
  cursor: pointer;
}

.content-carrousel img:hover {
  transform: scale(1.3);
  transition: all 300ms;
}

.apertura {
  background: rgba(255, 255, 255, 0);
  width: 35%;
  text-decoration: dashed;
  position: absolute;
  margin-top: 10%;
  margin-left: 0.1%;
 
}
.t1 {
  font-family: "Cormorant SC", serif;
  font-weight: 500;
  font-style: normal;
  
  color: brown;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.563);
  border-radius: 50px;
  
}

.t2{
    font-family: "Cormorant SC", serif;
  font-weight: 400;
  font-style: normal;
  color: white;
  text-align: left;
  margin-left: 4%;
  margin-right: 4%;
  
}

#main-footer{
    position: absolute;
    bottom: 0;
}