*{

    margin: 0px;
    padding: 0px; ;
  
    box-sizing: border-box;
  
}
body{
    background-color: rgb(12, 5, 90);
    
    background-repeat: no-repeat;
    background-size: 330vh;
}
#clase-h1{
  
    text-align: center;
    font-size:50px;
    font-family:Arial;
    margin-top: 40px;
    color: rgb(0, 0, 0);
    text-shadow: 0px 0px 6px rgb(0, 255, 115);
}
.content-all{
    width: 170px;
    margin: auto;
    perspective: 500px;
    position: relative;
    margin-top: 80px;
}
.content-carrousel{
    
    width: 100%;
    position: absolute;
    animation: rotar 30s infinite linear;
    transform-style: preserve-3d;
}
.content-carrousel:hover{
    animation-play-state: paused;
    cursor: pointer;
}
.content-carrousel figure{
    border: 10px double;color: rgb(100, 214, 85);
    
    border-radius: 40px;
    width: 100%;
    height: 128px;
    overflow: hidden;
    position: absolute;
    box-shadow: 0px 0px 20px 0px rgb(0, 255, 221);
    transition: all 300ms;
}
.content-carrousel figure:hover{
    box-shadow: 0px 0px 0px 0px rgb(0, 0, 0);
    transition: all 300ms;
}
.content-carrousel figure:nth-child(1){transform: rotateY(0deg) translateZ(300px);}
.content-carrousel figure:nth-child(2){transform: rotateY(32.7deg) translateZ(300px);}
.content-carrousel figure:nth-child(3){transform: rotateY(65.4deg) translateZ(300px);}
.content-carrousel figure:nth-child(4){transform: rotateY(98deg) translateZ(300px);}
.content-carrousel figure:nth-child(5){transform: rotateY(130.8deg) translateZ(300px);}
.content-carrousel figure:nth-child(6){transform: rotateY(163.5deg) translateZ(300px);}
.content-carrousel figure:nth-child(7){transform: rotateY(196.2deg) translateZ(300px);}
.content-carrousel figure:nth-child(8){transform: rotateY(228.9deg) translateZ(300px);}
.content-carrousel figure:nth-child(9){transform: rotateY(261.6deg) translateZ(300px);}
.content-carrousel figure:nth-child(10){transform: rotateY(294.3deg) translateZ(300px);}
.content-carrousel figure:nth-child(11){transform: rotateY(327deg) translateZ(300px);}
.content-carrousel figure:nth-child(12){transform: rotateY(360deg) translateZ(300px);}
.content-carrousel img{
    width: 100%;
    transition: all 300ms;
}
.content-carrousel img:hover{
    transform: scale(2.0);
    transition: all 300ms;
}
@keyframes rotar{
    from{
        transform: rotateY(0deg);
    }to{
        transform: rotateY(360deg);
    }
}



button{
    color: rgb(0, 0, 0);
   padding: 12px 40px;
   border-bottom: 0px;
   border-color: rgb(0, 0, 0); 
   background-color: rgb(94, 128, 125);
   text-shadow: 0px 0px 6px rgb(255, 255, 255);
   box-shadow: 0px 0px 6px rgb(0, 255, 242);

}


img{

    border-radius: 40px;
}




u{

    text-align: center;
   
    font-family:Arial;
    margin-top: 40px;
    color: rgb(0, 0, 0);
    text-shadow: 0px 0px 6px rgb(249, 250, 252);
}

pre{
    background-color: rgb(165, 165, 165);
    color: rgb(15, 2, 2);
    text-shadow: 0px 0px 6px rgba(98, 231, 158, 0.582);
  
   
    
}
  
video{
    border: 10px double;color: rgb(49, 192, 120);
    
    border-radius: 60px;
    }

    
    #texto-tres{
        text-align: center;
        background-color: rgb(176, 211, 235);
        color: rgb(7, 7, 7);
        text-shadow: 0px 0px 6px rgb(7, 248, 148);
    
        
    }
    #OFERTA{
        text-align: center;
        font-size:30px;
        font-family:Arial;
        margin-top: 20px;
        color: rgb(248, 246, 246);
        text-shadow: 0px 0px 6px rgb(82, 228, 138);
        
    }