body {
    background-color: #0C111C;
    overflow: hidden;
}

.blockLoader {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vdkOne, .vdkTwo {
    width: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: bottom;
}

.vdkOne {
    animation: huysan 1500ms ease infinite;
}

.vdkTwo {
    width: 55px;
    animation: jopina 1500ms ease infinite;
}

@keyframes huysan {
    0%, 40%, 80%, 100% {
        transform: scale(1) translate(-50%, -50%);
    }
    60% {
        transform: scale(1.05) translate(-50%, -50%);
    }
}

@keyframes jopina {
    0%, 100% {
        transform: scale(1) rotate(0deg) translate(-50%, -50%);
    }
    40%, 80% {
        transform: scale(1) rotate(-15deg) translate(-50%, -60%);
    }
    60% {
        transform: scale(1.05) rotate(-15deg) translate(-50%, -60%);
    }
}