@charset "utf-8";

* {
  padding: 0;
  margin: 0;
}

.container {
  position: relative;
  width: 1080px;
  margin: 0 auto;
  border: 20pt solid #283784;
  box-sizing: border-box;
  overflow-y: scroll;
  transform-origin: top left;
  transition: transform 0.3s ease;
  height: 100vh;
}

.container img {
  /* width: 100%; */
  opacity: 0;
  position: absolute;
}

.img1,
.img2,
.img3,
.img4,
.img5, 
.img6,
.img7,
.footer_txt,
.footer,
.parcode,
.logo
{
  width: 100%;
}

.img2 {
  top: 272px;
}

.img3 {
  top: 941px;
}

.img4 {
  top: 1187px;
}


.img5 {
  top: 1490px;
}


.img6 {
  top: 1661px;
}

.img7 {
  top: 1951px;
}

.child{
  left:763px;top:598px;
  width:247px;
  height:334px;
}

.child_txt{
  left:53px;top:522px;
  width:957px;
  height:419px;
}


.skellton{
  left:438px;top:2337px;
  width:244px;height:573px;
}

.skellton_assets{
  left:102px;top:2373px;
  width:904px;height:502px;
}



.footer_txt{
  top:2902px;
}
.parcode{
  top:3179px;
}

.logo{
  top:3481px;
}

.footer{
  top:3554px;
}

#home {
  position: absolute;
  left: 85px;
  top: 130px;
  width: 128px;
  height: 122px;
}