body.index:before,body[data-template="home"]:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    position: fixed;
    z-index: 999999;
    transform: scale(0);
    animation-name: pupup;
    animation-duration: 1.5s;
}

@keyframes pupup {
    0% {
        transform: scale(1);
    }

    18% {
        transform: scale(1);
    }

    80% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

body.index:after,body[data-template="home"]:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999999;
    background: url(https://media-hosting.imagekit.io//28de7b477ab24358/logo.png?Expires=1836703085&Key-Pair-Id=K2ZIVPTIP2VGHC&Signature=GsW11lchT4m0Jx~ZZZWGoCrvkesychP6cXdRcsBxBu0PJsPzYh7wkVQ75UujAgswcOqSK~X8cLLztds-d2MBiJDCElBXihyDkkEugY-l-UxqmfxGAbWtNmeCP-ADiZ3S-uBwAzuqiGevP~ffCwaa44qjvuYQxnP681wkkWjJ5a9ByvhydVr9fF2EInVO2p7tIx4J8BaWSCiBQnbMawLyPUY3ak37NLf2tKIXQjNYqVfck0AMhoXu1~eESE-4KgWR-xuetu7Kpf7M81K1a0buVxHIJPfvwMbLHqorqaj4cM4RU9ULGqIsyaP05fSAYkhz521VWrEQQPVCt5vy1iaptA__);
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20%;
    transform: scale(0);
    animation-name: pupup_logo;
    animation-duration: 1.5s;
}

@keyframes pupup_logo {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }

    100% {
        transform: scale(0);
    }
}