/* Add custom CSS styles below */ 
body:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    z-index: 999999;
    transform: scale(0);
    animation-name: pupup;
    animation-duration: 2s
}

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

    18% {
        transform: scale(1)
    }

    80% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}


body:after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999999;
    background: url(https://cdn.salla.sa/form-builder/6uQEbDzE0MaK0gfhRSmdvQ7uDAQx1mYPkmuzE0C7.png);
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200px;
    transform: scale(0);
    animation-name: pupup_logo;
    animation-duration: 2s
}

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

    18% {
        transform: scale(1)
    }

    75% {
        transform: scale(1)
    }

    95% {
        transform: scale(0)
    }

    100% {
        transform: scale(0)
    }
}