body .burger {
    display: flex;
    flex-direction: column;
    gap : 6px;
    cursor: pointer;
}
body .burger .line{
    width: 30px;
    height: 3px;
    background-color: black;
    transform-origin: left center;
    transition: transform 0.5s;
}
body .burger .line:nth-child(2){
    transform: scaleX(0.66);
}
body .burger .line:nth-child(3){
    transform: scaleX(0.33);
}

body .burger:hover .line{
    transform: scaleX(1);
}