#prepare {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    .inner {
        width: 100%;
        height: 100%;
        text-align: center;
        background-color: var(--primary);

        display: flex;
        align-items: center;
        justify-content: center;
    }
    .dots {
        opacity: 0;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        z-index: 100;
        transition: opacity 0.5s ease;
        .dot {
            width: 13px;
            height: 13px;
            border-radius: 50%;
            background-color: white;
            margin: 0 3px;
            animation: animDot 0.4s linear infinite;
        }
        .d1 {
            animation-delay: 0.1s;
        }

        .d2 {
            animation-delay: 0.15s;
        }

        .d3 {
            animation-delay: 0.2s;
        }
    }
}
@keyframes animDot {
    50% {
        transform: scale(0.5);
    }
    100% {
        transform: scale(1);
    }
}