.animated-logo-container{position:relative;display:flex;align-items:center;justify-content:center}.animated-logo-item{position:absolute;transform:scale(1);opacity:1;z-index:1}.animated-logo-container.hovered .my-item{animation:myAnimation 1s ease-out forwards;animation-delay:0}.animated-logo-container.hovered .bad-item{animation:badAnimation .9s ease-out forwards;animation-delay:.1s}.animated-logo-container.hovered .bro-item{animation:broAnimation .8s ease-out forwards;animation-delay:.2s}@keyframes myAnimation{0%{transform:scale(1);z-index:1}20%{transform:scale(1.5);z-index:10}90%{transform:scale(1.5);z-index:1}to{transform:scale(1);z-index:1}}@keyframes badAnimation{0%{transform:scale(1);z-index:1}20%{transform:scale(1.5);z-index:10}90%{transform:scale(1.5);z-index:1}to{transform:scale(1);z-index:1}}@keyframes broAnimation{0%{transform:scale(1);z-index:1}20%{transform:scale(1.5);z-index:10}90%{transform:scale(1.5);z-index:1}to{transform:scale(1);z-index:1}}.face_smile_path{transform:scaleY(1) translateY(0)}.animated-logo-container.hovered .face_smile_path{transform:scaleY(20%) translateY(-50%)}.face_bad_path{transform:scaleY(1)}