/* */

body {
    background-color: transparent;
    /* background-color: black; */
    margin: 0px;
    overflow: hidden;
}

.v3d-container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.v3d-simple-preloader-background {
    background-color: rgba(0,0,0,0);
}

.v3d-simple-preloader-bar {
    background: linear-gradient(90deg, rgb(129, 104, 157), rgb(75, 125, 202));
    border-color: rgba(255, 255, 255, 0.2);
    height: 1em;
}

@media only screen and (min-width: 768px) {
    .v3d-simple-preloader-container {
        --v3d-preloader-img-width: 256px;
        --v3d-preloader-img-height: 256px;
        width: 30%;
    }
}

@media only screen and (max-width: 767px) {
    .v3d-simple-preloader-container {
        --v3d-preloader-img-width: 192px;
        --v3d-preloader-img-height: 192px;
        width: 50%;
    }
}

.v3d-simple-preloader-logo {
    animation: 
        transform-animation 1.0s ease-in-out infinite,
        fade-in-animation 3.0s linear;
    background-image: url(media/preloader-logo.png);
    background-size: cover;
}

@keyframes fade-in-animation {
    from {opacity: 0.0;}
    to {opacity: 1.0;}
}

@keyframes transform-animation {
    0%, 100% {
        transform: translateY(0em);
    }
    50% {
        transform: translateY(-2em);
    }
}

/* removes tap blinking on ios devices */
* { -webkit-tap-highlight-color:rgba(0,0,0,0); }