.preloader{z-index:9999;background:#2c3e50;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.preloader-content{width:200px;height:200px;position:relative}.morph-shape{background:var(--primary);mix-blend-mode:screen;border-radius:50%;width:100%;height:100%;animation:4s ease-in-out infinite morph;position:absolute}.morph-shape:first-child{background:#559bba;animation-delay:0s}.morph-shape:nth-child(2){background:#e14b05;animation-delay:-1s}.morph-shape:nth-child(3){background:#ffd166;animation-delay:-2s}.morph-shape:nth-child(4){background:#2c3e50;animation-delay:-3s}@keyframes morph{0%,to{border-radius:50%;transform:translate(0)rotate(0)}25%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:translate(20px,20px)rotate(90deg)}50%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:translateY(20px)rotate(180deg)}75%{border-radius:40% 60% 70% 30%/40% 70% 30% 60%;transform:translate(-20px)rotate(270deg)}}.preloader-text{color:#fff;text-transform:uppercase;letter-spacing:2px;text-align:center;width:100%;font-size:1.2rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader-logo{opacity:0;animation:.5s ease-in-out .1s forwards fadeIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}@keyframes fadeIn{to{opacity:1;transform:translate(-50%,-50%)scale(1)}}