.one{
    display: flex;
    background: linear-gradient(90deg,purple,red);
    height: 110px;
}
.two{
    display: flex;
}
.three{
    margin-top: 20px;
    margin-left: 20px;
    display: flex;
    width: 40px;
    height: 40px;
    padding: 20px;

    
}

.four:hover{
   border: 1.5px solid white;
}
.icon{
    padding: 10px;
    text-align: center;
    background-color: rgb(149, 255, 0);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;

}
.search{
    width: 1200px;
}

.all{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.all{
   text-align: center;
}

.location{
    display: flex;
    margin-top: 50px;
    margin-left: 600px;
    font-style: oblique;
}
.signin{
    margin-top: 50px;
    margin-left: 40px;
    display: flex;
    font-style: oblique;
}
.location:hover{
    border: 1.5px solid white;
    height: 40px;   
}
.signin:hover{
    border: 1.5px solid white;
    height: 40px;
}
.add-sec{
    background: linear-gradient(90deg,limegreen,darkblue);
    display: flex;
    justify-content: space-evenly;
    font-style: oblique;

}
.add-one:hover{
    border: 1.5px solid white;
}
.images1{
    width: 300px;
    height: 200px;
    position:absolute;
}
.container{
    width: 350px;
    height: 200px;
    position: relative;
    margin-top: 5%;
    margin-left: 40%;
    perspective: 1000px;
    transform-style: preserve-3d;
    transform: translateX(-10deg) translateZ(-10deg);
    
}


.images{
    width: 25%;
    position: relative;
    transform-style: preserve-3d;
    animation: rotate 50s linear infinite;
}
@keyframes rotate{
    from{
        
    }
    to{
        transform: rotateY(360deg);
    }
}
.images1:nth-child(1){
    transform:rotateY(60deg) translateZ(300px);
}
.images1:nth-child(2){
    transform:rotateY(120deg) translateZ(300px);
}
.images1:nth-child(3){
    transform:rotateY(180deg) translateZ(300px);
}
.images1:nth-child(4){
    transform:rotateY(240deg) translateZ(300px);
}
.images1:nth-child(5){
    transform:rotateY(300deg) translateZ(300px);
}
.images1:nth-child(6){
    transform:rotateY(360deg) translateZ(300px);
}
.images{
    width: 50px;
    height: 100px;
    cursor: pointer;
}
.colour{
    background:linear-gradient(90deg,blue,skyblue,blue);
    background-size: 20rem;
    width: 1170px;
    height: 250px;
    margin-bottom: 40px;
}
.ten{
    display: flex;
}
.seeall{
    margin-left: 900px;
    font-style: oblique;
}
.recommended{
    margin-left: 20px;
    font-style: oblique;
}
.eleven{
    display: flex;
}
.icons{
    margin-left: 20px;
    margin-top: 15px;
    margin-right: 5px;
}
.imgword1{
    margin-left: 0.5px;
    width: 200px;
    height: 300px;

}
.word1{
    margin-left: 20px;
    margin-bottom: 10px;
    color: white;
    font-style: oblique;
    

}
.theatre1{
    border: 1.5px solid black;
    margin-left: 20px;
    width: 205px;
    height: 340px;
    padding: auto;
    background-color: black;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    
}
.theatre{
    display: flex;
    justify-content: space-evenly;
}
.star{
    display: flex;
}
.star1{
    display: flex;
}
.rating{
    color: white;
}
.premiere{
    display: flex;
    margin-left: 20px;
    
}
.premiere2{
    font-size:medium;
    margin-left: 10px;
    margin-top: 25px;
}
.premiere1{
    margin-bottom: 50px;
}

.inline{
    display: block;
}
.heading{
    margin-bottom: 20px;
}
.premiere3{
    background:linear-gradient(0deg,green,green,blue);
    height: 600px;

}
.heading{
    margin-left: 40px;
}
.premiereimg1{
    width: 200px;
    height: 250px;
    border: 1.5px solid black;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 20px;
}
.heading1{
    font-weight: 800;
    font-size: larger;
}
.premiereimg2{
    display: flex;
}
.font{
    font-size: larger;
    font-weight: 600;
    margin-left: 20px;
}
.font1{
    font-weight: 500;
    font-style: oblique;
    margin-left: 20px;
}
.twenty{
    margin-top: 10px;
    background-color: black;
    width: 1159px;
    height: 200px;
}
.twentytwo{
    color: white;
    font-weight: 600;
}
.twentythree{
    color: white;
    font-weight: 400;
    margin-left: 20px;
}
.twentyone{
    display: flex;
    
}
.twentyfour{
   margin-left: 250px;
    background:linear-gradient(360deg,darkred,darkred);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.twentyfive{
    color: white;
}
.twentysix{
   margin-left: 200px;
   margin-top: 20px;
   
}
.twentysix:hover{
    cursor: pointer;
}
.twentyseven{
    color: white;
    font-style: oblique;
    
}
.contact{
    display: flex;
}
.above:hover{
    cursor: pointer;
}
.theatre1:hover{
    cursor: pointer;
}
.add-one:hover{
    cursor: pointer;
}
.icon:hover{
    cursor: pointer;
}
.location:hover{
    cursor: pointer;
}
.signin:hover{
    cursor: pointer;
}
.header{
    font-weight: 600;
    font-style: oblique;
}