.box-anim { opacity: 0; transform: translateY(30px) scale(0.85); } .box-anim-right { opacity: 0; transform: translateX(60px) scale(0.85); } .box-anim-left { opacity: 0; transform: translateX(-60px) scale(0.85); }  .box-anim.in-view { animation: reveal-up 1.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; } .box-anim-right.in-view { animation: reveal-right 1.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; } .box-anim-left.in-view { animation: reveal-left 1.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; }  .box-anim.out-view { animation: hide-down 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; } .box-anim-right.out-view { animation: hide-right 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; } .box-anim-left.out-view { animation: hide-left 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; }  @keyframes reveal-up { from { opacity: 0; transform: translateY(30px) scale(0.85); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes hide-down { from { opacity: 1; transform: translateY(0) scale(1); } to { opacity: 0; transform: translateY(30px) scale(0.85); } }  @keyframes reveal-right { from { opacity: 0; transform: translateX(60px) scale(0.85); } to { opacity: 1; transform: translateX(0) scale(1); } } @keyframes hide-right { from { opacity: 1; transform: translateX(0) scale(1); } to { opacity: 0; transform: translateX(60px) scale(0.85); } }  @keyframes reveal-left { from { opacity: 0; transform: translateX(-60px) scale(0.85); } to { opacity: 1; transform: translateX(0) scale(1); } } @keyframes hide-left { from { opacity: 1; transform: translateX(0) scale(1); } to { opacity: 0; transform: translateX(-60px) scale(0.85); } }  .box-anim:nth-child(2), .box-anim-right:nth-child(2), .box-anim-left:nth-child(2) { animation-delay: 0.1s; } .box-anim:nth-child(3), .box-anim-right:nth-child(3), .box-anim-left:nth-child(3) { animation-delay: 0.2s; }  @media (prefers-reduced-motion: reduce) { .box-anim, .box-anim-right, .box-anim-left { opacity: 1; transform: none; animation: none !important; } }  body.logged-in .box-anim, body.logged-in .box-anim-right, body.logged-in .box-anim-left { opacity: 1 !important; transform: none !important; animation: none !important; }