@keyframes item{
    0%{
        width:0px;
    }
    100%{
        width: 286px;
    }
}

@keyframes image{
    0%{
        opacity:0;
        transform:translate(-100%, 0)}
    49%{
        opacity:1;
        transform:translate(0, 0)}
    50%{transform:rotate(0deg)}
    65%{transform:rotate(15deg)}
    85%{transform:rotate(-15deg)}
    100%{
        transform:rotate(0deg) translate(0, 0);
        opacity:1
    }
}

@keyframes list{
    50%{
        opacity:0
    }
    100%{
        opacity:1;
        transform:translate(-50%, -50%) rotate(0deg) scale(1);
    }
}

@keyframes gloss{
    100%{
        left:0%
    }
}

@keyframes line{
    0%{
        opacity:0;transform:translate(100%, 0)
    }
    100%{
        transform:translate(0, 0);
        opacity:1
    }
}