@keyframes fade-in-photo {
    from {opacity: 0; transform: translate(-100%, -50%);}
    to {opacity: 0.6; transform: translate(0, -50%);}
}

@keyframes fade-in-logo {
    from {opacity: 0; }
    to {opacity: 1; }
}

@keyframes wiggle-logo {
    0% {transform: translate(-50%,-50%);}
    25% {transform: translate(-50%,-48%);}
    50% {transform: translate(-50%,-50%);}
    75% {transform: translate(-50%,-52%);}
    100% {transform: translate(-50%,-50%); }
}

@keyframes apear {
    from {opacity: 0; transform: translateY(15px);}
    to {opacity: 1; transform: translateY(0px);}
}