*:active {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -moz-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0);
}

body {
  overflow: hidden;
  background-color: #000000;
  font-family: trebuchet ms;
  text-align: center;
  line-height: 2.8;
  font-size: 17px;
  color: #ffffff;
  letter-spacing: 3px;
  padding: 0px;

}

#main {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0px;

}


#main_canvas_container {
   position:  fixed;
   width: 200%;
   height: 200%;
   left: -50%;
   top: -50%;
   padding: 0px;
  transform: scale(0.5);
}


#prelod_static_path {
    position: relative;
    left: 50%;
    top: 50%;
    width: 400px;
    height: 1px;
    margin-left: -200px;
    margin-top: -15px;
    background-color: #3f3f3f;
}

#prelod_dynamic_path {
    position: relative;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background-color: #ffffff;
}

#preloader_back {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 400px;
    height: 240px;
    margin-left: -200px;
    margin-top: -115px;
    background-image: url(1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

#preloader_cont {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(5L.svg), url(7.svg);
    background-position: left top, right bottom;
    background-size: contain;
    background-repeat: no-repeat;
    visibility: hidden;
}