.test-block{display:flex;justify-content:center;align-items:center;height:10rem;margin-right:auto;margin-left:auto;background-color:red;width:50%;margin-top:40rem;color:#fff;text-align:center}.loading-screen,.menu-item::before{top:0;left:0;width:100%;height:100%}.animated.rotate{animation:2s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.animated.scale{animation:7s ease-in-out infinite scaleAnimation}@keyframes scaleAnimation{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.animated.bounce{animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.animated.slide-left{animation:5s forwards slideInLeft;opacity:0}@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0);opacity:1}}.animated.slide-right{animation:5s forwards slideInRight;opacity:0}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0);opacity:1}}.animated.fade-slide{opacity:0;transform:translateY(20px);animation:5s forwards fadeInSlide}@keyframes fadeInSlide{to{opacity:1;transform:translateY(0)}}.animated.shake{animation:.5s infinite shake}@keyframes shake{0%,100%{transform:translateX(0)}25%,75%{transform:translateX(-5px)}50%{transform:translateX(5px)}}.animated.pulse{animation:1.5s infinite pulse}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.animated.rotate-3d{animation:3s rotate3D}@keyframes rotate3D{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}.animated.pop{animation:.5s forwards pop}@keyframes pop{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.animated.slide-up{transform:translateY(100%);opacity:0;animation:2s forwards slideUp}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.animated.slide-down{opacity:0;transform:translateY(-100%);animation:2s forwards slideDown}@keyframes slideDown{to{opacity:1;transform:translateY(0)}}.animated.gradient{background:linear-gradient(90deg,#ff007f,#ffb300);background-size:200% 200%;animation:3s infinite gradient-animation}@keyframes gradient-animation{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.animated.float{animation:5s ease-in-out infinite float}@keyframes float{0%,100%{transform:translate(0,0)}25%{transform:translate(-5px,3px)}50%{transform:translate(5px,-3px)}75%{transform:translate(-3px,-5px)}}.animated.appear{opacity:0;animation:1s forwards appear}@keyframes appear{to{opacity:1}}.animated.scroll{opacity:0;transform:translateY(50px);transition:opacity .5s,transform .5s}.animated.scroll.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.animated.scroll{transition:none}}.loading-screen{position:fixed;background-color:rgba(255,255,255,.8);z-index:9999;display:flex;align-items:center;justify-content:center}.spinner{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.menu-item{position:relative;display:inline-block;padding:10px 20px;color:rgb(173 143 119);text-decoration:none}.menu-item::before{content:'';position:absolute;border:2px solid rgb(173 143 119);box-sizing:border-box;transform:scale(0);opacity:0;transition:.2s ease-in-out}.menu-item:hover::before{transform:scale(1);opacity:1;animation:1s forwards draw-rect}@keyframes draw-rect{0%{width:0;height:0;top:0;left:100%}25%{width:100%;height:0;top:0;left:0}100%,50%,75%{width:100%;height:100%;top:0;left:0}}