/* __V3D_TEMPLATE__ - template-based file; delete this line to prevent this file from being updated */

body {
    margin: 0px;
    overflow: hidden;
}

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

.fullscreen-button {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-size: 100% 100%;
    display: none;
    z-index: 1;
}

.fullscreen-open {
    background-image: url('media/fullscreen_open.svg');
}

.fullscreen-close {
    background-image: url('media/fullscreen_close.svg');
}

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

.v3d-simple-preloader-logo {
    background-image: url("logo3dj-juca.svg");
  }
  
  .v3d-simple-preloader-bar {
    background-color: DarkSlateGray;
    border-color: DarkSlateGray;
    background: DarkSlateGray;
  }
  .scroll-downs {
    position: absolute;
    top: 330px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 34px;
    height: 55px;
  }
  .mousey {
    width: 3px;
    padding: 10px 15px;
    height: 35px;
    border: 2px solid #000;
    border-radius: 25px;
    opacity: 0;
    box-sizing: content-box;
    animation-name: move;
    animation-duration: 3s;
    animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
    animation-iteration-count: 3;
  }
  .scroller {
    width: 3px;
    height: 10px;
    border-radius: 25%;
    background-color: #000;
    animation-name: scroll;
    animation-duration: 3s;
    animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
    animation-iteration-count: 3;
  }
  @keyframes scroll {
    0% {
      opacity: 0;
    }
    10% {
      transform: translateY(0);
      opacity: 1;
    }
    100% {
      transform: translateY(15px);
      opacity: 0;
    }
  }
  
  @keyframes move {
    0% {
      opacity: 0;
    }
    10% {
      transform: translateX(0);
      opacity: 1;
    }
    35% {
      transform: translateX(15px);
      opacity: 1;
    }
    60% {
      transform: translateX(0);
      opacity: 1;
    }
    85% {
      transform: translateX(15px);
      opacity: 1;
    }
    100% {
      transform: translateX(0);
      opacity: 0;
    }
  }