.box1{
    height: 400px;
    width: 300px;
    background-color: #e4a7a7;
    border-radius: 20px;
    margin: 20px;
    display: inline-block;
    position: relative;

}

.box2{
    height: 400px;
    width: 300px;
    background-color: #e4a7a7;
    border-radius: 20px;
    margin: 20px;
    display: inline-block;
    position: relative;
    position: fixed;
    
    
}
.perent-box{
    height: 400px;
    width: 300px;
    background-color: #e4a7a7;
    border-radius: 20px;
    margin: 20px;
    display: inline-block;
}
#box{
    /* display: inline-block; */
    background-color: antiquewhite;
    height: 2000px;
   
}
.box3{
    height: 400px;
    width: 300px;
    background-color: #e4a7a7;
    border-radius: 20px;
    margin: 20px;
    display: inline-block;
    position: relative;
     position: absolute;
    margin-left: 200px;
    margin-top: 300px;  
}
.box3:hover{
    transform: rotate(10deg);
}
.box4{
    height: 400px;
    width: 300px;
    background-color: #e4a7a7;
    border-radius: 20px;
    margin: 20px;
    display: inline-block;
    position: relative;
    position: sticky;
}
.box1:hover{
   
    transform: rotate(10deg);
 
}

.box5{
    height: 400px;
    width: 300px;
    background-color: #e4a7a7;
    border-radius: 20px;
    margin: 20px;
    display: inline-block;
    position: relative;
    position: fixed;
    
   
}

#w1{
    text-align: center;

}


img{
    display: inline-block;
    margin: 20px;
    padding: 30px;


}
img:hover{
    transform: translate(50deg);
    transform: scale(1.5);
}
#btn{
    text-align: center;
    margin-left: 120px;
    color: rgb(8, 8, 8);
}
#btn:hover{
    color: rgb(246, 136, 2);
    background-color: beige;
}