body {
  overflow: hidden;
  padding: 0;
  margin: 0;
  background-color: #09c5fc;
  font-family: "Sassoon Infant Rg Regular";
  font-feature-settings: "ss14";
}

.main_wrapper {
  left: 50%;

  transform: translate(-50%);
  width: 786px;
  height: 590px;
  margin: 0 auto;
  display: flex;
  position: absolute;
  z-index: 1;
  background-image: url("../assets/images/bg_start.svg");
  overflow: hidden;
  border: solid 5px white;
}

#preloader {
  position: absolute;
  z-index: 2;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#preloader img {
  width: 100%;
}

#start,
#buttonStart {
  width: 100px;
  position: absolute;
  transition: all 0.3s ease-out;
  cursor: pointer;
  margin: 0 auto;
  top: 480px;
  left: 350px;
  z-index: 6;
}

#wrapper_introvideo {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: none;
}

.videoholder video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}

#buttonStart img {
  width: 100%;
}

#copyright {
  background-image: url("../assets/buttons/bt_copy.svg");
  width: 39px;
  height: 39px;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 999;
  top: 545px;
  left: 22px;
  cursor: pointer;
  display: block;
}

#wrapper_copyright {
  position: absolute;
  border-radius: 10px;
  width: 800px;
  height: 600px;
  background-color: #59c3ff;
  margin: 0 auto;
  z-index: 5;
  display: none;
}