@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap");
body {
  max-width: 100vw;
  overflow-x: hidden;
}
#scene {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.layer-1 {
  width: 147%;
  margin-top: -10%;
  margin-left: -27%;
}
.layer-2 {
  width: 127%;
  margin-top: 23%;
  margin-left: -13.5%;
}
.layer-3-train {
  width: 75%;
  margin-top: 14.8%;
  margin-left: -70%;
  transition: margin-left 2.2s;
}
.layer-3 {
  width: 146%;
  margin-top: 13%;
  margin-left: -38%;
}
.layer-4-train {
  width: 57%;
  margin-top: 25%;
  margin-left: 90%;
  transition: margin-left 2.2s;
  transition-delay: 0.5s;
}
.layer-4 {
  width: 168%;
  margin-top: 22.5%;
  margin-left: -49.5%;
}
.layer-5-trolej {
  width: 20.5%;
  margin-top: 34%;
  margin-left: 60.5%;
  transition: margin-left 0.8s;
  transition-delay: 1.5s;
}
.layer-5 {
  width: 120%;
  margin-top: 34.1%;
  margin-left: -10%;
}
.layer-6-montaz {
  width: 36%;
  margin-top: 28%;
  margin-left: 54.5%;
}
.layer-6-vyvoj {
  width: 61%;
  margin-top: 27.2%;
  margin-left: -18.5%;
}
.layer-7-background {
  width: 60%;
  margin-top: 44%;
  margin-left: 25%;
}
.layer-7-metro-l {
  width: 53%;
  margin-top: 46.1%;
  margin-left: -30%;
  transition: margin-left 1s;
  transition-delay: 2s;
}
.layer-7-sloupy {
  width: 130%;
  margin-top: 43%;
  margin-left: -24%;
}
.layer-7-metro-r {
  width: 53%;
  margin-top: 48.7%;
  margin-left: 80%;
  transition: margin-left 2s;
  transition-delay: 2.5s;
}
.layer-7-tubus {
  width: 108%;
  margin-top: 38.2%;
  margin-left: -7%;
}
.layer-7-tram {
  width: 56%;
  margin-top: 34.7%;
  margin-left: -35%;
  transition: margin-left 1s;
  transition-delay: 1s;
}
.layer-7-stop {
  width: 41%;
  margin-top: 39%;
  margin-left: 36%;
}
.layer-8 {
  width: 12%;
  margin-top: 24.6%;
  margin-left: 8%;
}
.layer-9 {
  width: 11%;
  margin-top: 17.3%;
  margin-left: 3.5%;
}
.layer-10 {
  width: 19.5%;
  margin-top: 11.5%;
  margin-left: -10.4%;
}
.layer-11 {
  width: 41%;
  margin-top: -39.3%;
  margin-left: -14%;
}
.layer-12 {
  width: 62%;
  margin-top: 12%;
  margin-left: 55.5%;
}
.layer-13 {
  width: 130%;
  margin-top: 53%;
  margin-left: -15%;
}
#placeholer {
  background: white;
  position: absolute;
  top: 0;
  right: 0;
  bottom: -40%;
  left: 0;
  z-index: 100;
  transition: opacity 1s;
}
#placeholer h1 {
  font-family: "Ubuntu", sans-serif;
  font-size: 19pt;
  font-weight: 700;
  text-align: center;
  max-width: 1000px;
  color: #294491;
  margin: 11% auto 0 auto;
}