feedback.css

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'poppins',sans-serif;
}
.container{
    width:100%;
    height:100vh;
    background-image: linear-gradient(to right,#ff4b4b,#d12280);
    display: flex;
    align-items: center;
    justify-content: center;
}
.feedbackbox{
    background: #ffff;
    padding: 100px 3px;
    border-radius: 10px;
    display:flex;
    flex-direction: coloumn;
    align-items: center;

}
.emoji{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 30px;
    transform:translateX(120%);
    overflow : hidden;
    
}
.emoji img{
    width: 80px;
    margin: 0 10px;  
}
#emoji{
    display: flex;
    align-items: center;
    transform :  translateX(-400px);
    transition : 0.3s;

}
.rating {
    transform : translate(-20% , 200%);
}
.rating .fa-solid{
    font-size:40px;
    color:#e4e4e4;
    cursor: pointer;

}