*{margin:0;padding:0}.loading{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100vh;background-color:#fff;display:flex;aligin-items:center;justify-content:center;background:linear-gradient(-45deg,#f9c2eb,#a8c2ee,#c2f9d0,#ffdea5) fixed;background-size:800% 800%;animation:GradietionAnimation 9s ease infinite}.loading.hide{opacity:0;pointer-events:none;transition:opacity .5s}.loading-wrap{position:abolute;left:0;right:0;margin:auto;height:20px}.fadeIn{animation-name:fadeInAnime;animation-duration:1s;animation-fill-mode:forwards;opacity:0}@keyframes fadeInAnime{from{opacity:0}to{opacity:1}}.fadeUp{animation-name:fadeUpAnime;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes fadeUpAnime{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.fadeDown{animation-name:fadeDownAnime;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes fadeDownAnime{from{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.fadeLeft{animation-name:fadeLeftAnime;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes fadeLeftAnime{from{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.fadeRight{animation-name:fadeRightAnime;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes fadeRightAnime{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}