.mainframe{                                                                /*MAINFRAME COMMON CSS*/
    margin-top:260px;
    height:670px;
    width:1440px;
    padding-top: 10px;
    position: absolute;
    padding-left: 0px;
    background-color: #583535;
    margin-left:30px;
    border-radius: 50px;
    box-shadow:4px 4px 8px 8px rgba(10, 10, 10, 0.453);
    transform:scale(0.9);
    transition-duration: 0.3s;

}
.maincrd{
    height:600px;
    width:400px;
    margin:30px;
    border-radius:60px;
    font-size: 15px;
    text-align: center;
    object-position: 10px;
    color: rgb(100, 102, 100);
    box-shadow: 2px 4px 2px 1px rgba(10, 10, 10, 0.453);
    transition-duration:0.3s;
    
}

.maincrd:hover{
    transform:scale(1.02);
    font-size:20px;
    border-radius: 20px;
    box-shadow: 10px 5px 10px 5px rgba(10, 10, 10, 0.453);
}



.mainframe:hover{
    transform: scale(0.95);
    transition-duration: 0.3s;
    border-radius:20px;
}

.cardvid{
     height:600px;
     width:400px;
     border-radius:60px;
     object-fit:cover;
     transition-duration: 0.3s;

}  

.cardvid:hover{
    opacity: 30%;
    transition-duration: 0.3s;
    border-radius: 20px;
}



.innercard{
    height:fit-content;
    width:400px;
    text-align:center;
    z-index:1;
    margin-top: -570px;
    position:relative;
    font-size: 20px;
    background-color: none;
}    


#maincrd1c{
    background-image:linear-gradient(180deg, #fffefd 0%, #4e3737 40%);
    margin-left: 515px;
   margin-top: -630px;
}
#maincrd1b{
    background-image:linear-gradient(180deg, #fffefd 0%, #4e3737 40%);
    float: right; 
    margin-top: -630px;
}
#maincrd1a{
    background-image:linear-gradient(180deg, #fffefd 0%, #4d695a 40%);
}


.crdtitle1{
    color:rgba(57, 128, 56, 0.671);
    font-family: 'Lucida Sans';
}

.crdtitle2{
 color:rgb(189, 116, 116);
font-family: 'Lucida Sans';
}

.crdtitle3{
 color:rgba(118, 76, 42, 0.793);
font-family: 'Lucida Sans';
}

                                                          /*mainframe 2 css*/

#mainframe2{
    margin-top: 1100px;
     background-color: #854b54;
}


#maincrd2a{
    margin-top:40px;
    background-image:linear-gradient(180deg, #fffefd 0%, #8c5656 40%);

}
#maincrd2b{
     margin-left: 515px;
   margin-top: -630px;
    background-image:linear-gradient(180deg, #fffefd 0%, #545d38 40%);

}
#maincrd2c{
    background-image:linear-gradient(180deg, #fffefd 0%, #4e3737 40%);
    float: right; 
    margin-top: -630px;
}

.crdtitle4{
    color:#fffefdd7;

}
.crdtitle5{
    color:#e3d2c1d7;
}
.crdtitle6{
    color:rgb(189, 116, 116);
    
}
                                             /*MAINFRAME 3 CSS */

#mainframe3{
    margin-top:300px;
     background-color:#7d2d2d;
}

#maincrd3a{
    margin-top:40px;
    background-image:linear-gradient(180deg, #fffefd 0%, #8c5656 40%);

}
#maincrd3b{
     margin-left: 515px;
   margin-top: -630px;
    background-image:linear-gradient(180deg, #fffefd 0%, #545d38 40%);

}
#maincrd3c{
    background-image:linear-gradient(180deg, #fffefd 0%, #4e3737 40%);
    float: right; 
    margin-top: -630px;
}

.crdtitle7{
    color:#fffefdd7;

}
.crdtitle8{
    color:#ffffffea;
}
.crdtitle9{
    color:rgb(50, 69, 55);
    
}

#bdy1{
    background-image:linear-gradient(40deg, #cdb491 0%, #c0cabe 74%);
    background-color: rgb(196, 160, 200);
}

#catalogue{
    font-size: 70px;
    margin-bottom:-180px;
    margin-top:160px;
    text-align: center;
    background-color: #cdb491;
    border-radius: 30px;
    transition-duration: 0.3s;
}

#catalogue:hover{
    transform:scale(0.98);
    border-radius:50px;
}

div h1{
    font-family: 'Lucida Sans';
}