.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;animation:fadeOut .5s ease-out forwards;animation-delay:.8s;h1{animation:textPulse 1.5s ease-in-out infinite;color:#41414e;font-family:Manrope,sans-serif}.splash-loader{width:40px;height:40px;position:relative;transform:rotate(45deg);margin-top:2rem;>div{float:left;width:50%;height:50%;position:relative;transform:scale(1.1);&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#5978f7,#9c84ff);animation:splash-loader-anim 2.4s linear infinite both;transform-origin:100% 100%}&.splash-cube1{transform:scale(1.1);&:before{animation-delay:0s}}&.splash-cube2{transform:scale(1.1) rotate(90deg);&:before{animation-delay:.3s}}&.splash-cube3{transform:scale(1.1) rotate(180deg);&:before{animation-delay:.6s}}&.splash-cube4{transform:scale(1.1) rotate(270deg);&:before{animation-delay:.9s}}}}}@keyframes textPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes splash-loader-anim{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1}90%,to{transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes fadeOut{to{opacity:0;visibility:hidden;pointer-events:none}}