@keyframes teletipo{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes entintado{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes sello{0%{transform:rotate(-8deg) scale(1.15);opacity:0}100%{transform:rotate(-4deg) scale(1);opacity:1}}

.a4 p{animation:teletipo 48s linear infinite;padding-left:0}
.a4:hover p{animation-play-state:paused}
.b1{animation:entintado .6s ease-out both}
.b2{animation:entintado .7s .12s ease-out both}
.b8 img{transition:filter .35s ease}
.b8:hover img{filter:none}
.f{transition:transform .12s ease,box-shadow .12s ease,background-color .2s ease}
.a3 a{transition:background-color .2s ease,color .2s ease}
.h1{display:inline-block;animation:sello .5s cubic-bezier(.2,.8,.3,1.2) both}
.c1 p{animation:entintado .3s ease-out both}

@media (prefers-reduced-motion:reduce){
  .a4 p,.b1,.b2,.h1,.c1 p{animation:none}
  .f,.a3 a,.b8 img{transition:none}
}