#p001 {
  height: 1200px;
}

#p002 {
  background-color: #212121;
  height: 1320px;
}

#b001 {
  height: 50vh;
  top: -50vh;
  width: 100%;
}

#b002a {
  height: calc(384px + 50vh);
  top: 816px;
  width: 100%;
}

#b002b {
  height: calc(24px + 50vh);
  top: 1296px;
  width: 100%;
}

#b003 {
  height: 1056px;
  top: -240px;
  width: 100%;
}

#i015 {
  height: 1292px;
  left: -191px;
  top: -539px;
  width: 501px;
}

#i016 {
  height: 1131px;
  left: 352px;
  top: -392px;
  width: 464px;
}

#i017 {
  height: 1169px;
  left: -301px;
  top: -185px;
  width: 1138px;
}

#i018 {
  height: 505px;
  left: -288px;
  top: 586px;
  width: 1081px;
}

#i019 {
  height: 409px;
  left: -315px;
  top: 603px;
  width: 455px;
}

#i020 {
  height: 482px;
  left: 367px;
  top: 544px;
  width: 587px;
}

#i021 {
  height: 1122px;
  left: -495px;
  top: 220px;
  width: 1549px;
}

#i022 {
  height: 1239px;
  left: -196px;
  top: -187px;
  width: 1105px;
}

#i023 {
  height: 904px;
  left: -388px;
  top: 988px;
  width: 1187px;
}

#i024 {
  height: 58px;
  left: 273px;
  top: 174px;
  width: 56px;
}

#i025 {
  height: 94px;
  left: 183px;
  top: 359px;
  width: 99px;
}

#i026 {
  height: 134px;
  left: 219px;
  top: 644px;
  width: 80px;
}

#i027 {
  height: 258px;
  left: 343px;
  top: 859px;
  width: 107px;
}

#i028 {
  height: 169px;
  left: 184px;
  top: 68px;
  width: 107px;
}

#i029 {
  height: 185px;
  left: 268px;
  top: 391px;
  width: 116px;
}

#i030 {
  height: 296px;
  left: 317px;
  top: 977px;
  width: 166px;
}

#i031 {
  height: 226px;
  left: 192px;
  top: 668px;
  width: 126px;
}

#i032 {
  height: 1415px;
  left: 108px;
  top: 997px;
  width: 492px;
}

#i033 {
  height: 290px;
  left: 325px;
  top: 851px;
  width: 289px;
}

#i034 {
  height: 130px;
  left: 328px;
  top: 442px;
  width: 226px;
}

#i035 {
  height: 191px;
  left: 94px;
  top: 67px;
  width: 207px;
}

#i036 {
  height: 145px;
  left: 173px;
  top: -282px;
  width: 133px;
}

#i037 {
  height: 145px;
  left: 192px;
  top: 550px;
  width: 115px;
}

#i038 {
  height: 55px;
  left: 299px;
  top: 186px;
  width: 46px;
}

#i039a,
#i039b {
  height: 78px;
  left: 170px;
  top: 31px;
  width: 54px;
}

#i040 {
  height: 1468px;
  left: -261px;
  top: 1121px;
  width: 1164px;
}

#i042 {
  height: 315px;
  left: 318px;
  top: 9px;
  width: 657px;
}

#i043 {
  height: 574px;
  left: -506px;
  top: 247px;
  width: 900px;
}

#i044 {
  height: 928px;
  left: 275px;
  top: 932px;
  width: 364px;
}

#i045 {
  height: 906px;
  left: 421px;
  top: 879px;
  width: 629px;
}

#i046 {
  height: 266px;
  left: 246px;
  top: 221px;
  width: 600px;
}

#i047 {
  height: 538px;
  left: -288px;
  top: 398px;
  width: 608px;
}

#i048 {
  height: 459px;
  left: 330px;
  top: -169px;
  width: 345px;
}

#i049 {
  height: 356px;
  left: -409px;
  top: -149px;
  width: 605px;
}

#i050 {
  height: 394px;
  left: 263px;
  top: -102px;
  width: 725px;
}

#i051 {
  height: 682px;
  left: 75px;
  top: -78px;
  width: 294px;
}

#i052 {
  height: 832px;
  left: -142px;
  top: 770px;
  width: 344px;
}

#i053 {
  height: 845px;
  left: -21px;
  top: 1032px;
  width: 586px;
}

#i054 {
  height: 611px;
  left: -165px;
  top: 576px;
  width: 392px;
}

.app:not(.s001) {
  background-color: #80DEEA;
}

.app.s001 {
  background-color: #212121;
}

.t001 {
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app:not(.s001) .t001 {
  opacity: 0;
  transform: translateY(24px);
}

.app.s001 .t001 {
  opacity: 1;
}

.app:not(.s001) .t002 {
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

.app.s001 .t002 {
  opacity: 1;
  transition: opacity .3s ease-in-out .2s;
}

.app:not(.s002) .t003 {
  transform: translate(24px, 24px);
  transition: transform .3s ease-in-out;
}

.app.s002 .t003 {
  transition: transform .3s ease-in-out .1s;
}

.app:not(.s002) .t004 {
  transform: translate(-24px, 24px);
  transition: transform .3s ease-in-out .1s;
}

.app.s002 .t004 {
  transition: transform .3s ease-in-out;
}

.t005 {
  transition: transform .3s ease-in-out;
}

.app:not(.s004) .t005 {
  transform: translate(24px, 24px);
}

.t006 {
  transition: transform .3s ease-in-out;
}

.app:not(.s004) .t006 {
  transform: translate(-24px, 24px);
}

.app:not(.s005) .t007 {
  opacity: 0;
  transform: translate(-12px, -12px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s005 .t007 {
  opacity: 1;
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s006 .t007 {
  opacity: 0;
  transition: opacity .3s ease-in-outs;
}

.app:not(.s006) .t008 {
  opacity: 0;
  transform: translate(12px, -24px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s006 .t008 {
  opacity: 1;
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s007 .t008 {
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

.app:not(.s007) .t009 {
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

.app.s007 .t009 {
  opacity: 1;
  transition: opacity .3s ease-in-out;
}

.app.s001 .t009 {
  opacity: 0;
  transition: opacity .3s ease-in-out .2s;
}

.app:not(.s001) .t010 {
  opacity: 0;
  transform: translate(12px, 0px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s001 .t010 {
  opacity: 1;
  transition: opacity .3s ease-in-out .4s, transform .3s ease-in-out .4s;
}

.app.s008 .t010 {
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

.app:not(.s008) .t011 {
  opacity: 0;
  transform: translate(-6px, 0px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s008 .t011 {
  opacity: 1;
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s009 .t011 {
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

.app:not(.s009) .t012 {
  opacity: 0;
  transform: translate(6px, 0px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s009 .t012 {
  opacity: 1;
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s010 .t012 {
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

.app:not(.s010) .t013 {
  opacity: 0;
  transform: translate(-6px, -6px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s010 .t013 {
  opacity: 1;
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s011 .t013 {
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

.app:not(.s011) .t014 {
  opacity: 0;
  transform: translate(6px, -12px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s011 .t014 {
  opacity: 1;
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s012 .t014 {
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

.app:not(.s012) .t015 {
  opacity: 0;
  transform: translate(0px, 12px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s012 .t015 {
  opacity: 1;
  transition: opacity .3s ease-in-out .4s, transform .3s ease-in-out .4s;
}

.app.s005 .t016 {
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

.app:not(.s005) .t016 {
  opacity: 1;
  transition: opacity .3s ease-in-out .2s;
}

.app:not(.s005) .t017 {
  opacity: 0;
  transform: translate(-6px, -12px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s005 .t017 {
  opacity: 1;
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s013 .t017 {
  opacity: 0;
  transform: translate(-6px, 24px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app:not(.s013) .t018 {
  opacity: 0;
  transform: translate(0px, -6px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s013 .t018 {
  opacity: 1;
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s014 .t018 {
  opacity: 0;
  transform: translate(0px, 6px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app:not(.s014) .t019 {
  opacity: 0;
  transform: translate(0px, -6px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s014 .t019 {
  opacity: 1;
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s008 .t019 {
  opacity: 0;
  transform: translate(-6px, 12px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app:not(.s008) .t020 {
  opacity: 0;
  transform: translate(-6px, -6px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s008 .t020 {
  opacity: 1;
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s015 .t020 {
  opacity: 0;
  transform: translate(24px, 6px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app:not(.s015) .t021 {
  opacity: 0;
  transform: translate(6px, -6px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s015 .t021 {
  opacity: 1;
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s016 .t021 {
  opacity: 0;
  transform: translate(-24px, 6px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app:not(.s016) .t022 {
  opacity: 0;
  transform: translate(-6px, -6px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s016 .t022 {
  opacity: 1;
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s012 .t022 {
  opacity: 0;
  transform: translate(-6px, 6px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app:not(.s012) .t023 {
  opacity: 0;
  transform: translate(0px, 48px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s012 .t023 {
  opacity: 0.7;
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.t024,
.t025,
.t026,
.t027,
.t028,
.t029,
.t030,
.t031,
.t032,
.t033,
.t034,
.t035,
.t036 {
  opacity: 0.7;
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app:not(.s001) .t024,
.app:not(.s001) .t025,
.app:not(.s001) .t026,
.app:not(.s001) .t027,
.app:not(.s001) .t028,
.app:not(.s001) .t029,
.app:not(.s001) .t030,
.app:not(.s001) .t031,
.app:not(.s001) .t032,
.app:not(.s001) .t033,
.app:not(.s001) .t034,
.app:not(.s001) .t035,
.app:not(.s001) .t036 {
  opacity: 0;
  transition: opacity .3s ease-in-out, transform .3s ease-in-out !important;
}

.app.s016 .t024 {
  transition: opacity .3s ease-in-out .3s, transform .3s ease-in-out .3s;
}

.app.s012 .t024 {
  opacity: 0;
  transform: translate(-6px, 48px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s016 .t025 {
  transition: opacity .3s ease-in-out .5s, transform .3s ease-in-out .5s;
}

.app.s012 .t025 {
  opacity: 0;
  transform: translate(6px, 48px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s016 .t026 {
  transition: opacity .3s ease-in-out .7s, transform .3s ease-in-out .7s;
}

.app.s012 .t026 {
  opacity: 0;
  transform: translate(-12px, 48px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app.s016 .t027 {
  transition: opacity .3s ease-in-out .9s, transform .3s ease-in-out .9s;
}

.app.s012 .t027 {
  opacity: 0;
  transform: translate(12px, 48px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app:not(.s016) .t028 {
  transition: opacity .3s ease-in-out .3s, transform .3s ease-in-out .3s;
}

.app.s016 .t028 {
  opacity: 0;
  transform: translate(-12px, 48px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app:not(.s016) .t029 {
  transition: opacity .3s ease-in-out .5s, transform .3s ease-in-out .5s;
}

.app.s016 .t029 {
  opacity: 0;
  transform: translate(-48px, 24px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app:not(.s016) .t030 {
  transition: opacity .3s ease-in-out .7s, transform .3s ease-in-out .7s;
}

.app.s016 .t030 {
  opacity: 0;
  transform: translate(-60px, 12px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app:not(.s015) .t031 {
  transition: opacity .3s ease-in-out .3s, transform .3s ease-in-out .3s;
}

.app.s015 .t031 {
  opacity: 0;
  transform: translate(12px, 12px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app:not(.s015) .t032 {
  transition: opacity .3s ease-in-out .5s, transform .3s ease-in-out .5s;
}

.app.s015 .t032 {
  opacity: 0;
  transform: translate(48px, 0px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app:not(.s015) .t033 {
  transition: opacity .3s ease-in-out .7s, transform .3s ease-in-out .7s;
}

.app.s015 .t033 {
  opacity: 0;
  transform: translate(60px, 12px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app:not(.s008) .t034 {
  transition: opacity .3s ease-in-out .3s, transform .3s ease-in-out .3s;
}

.app.s008 .t034 {
  opacity: 0;
  transform: translate(-24px, 12px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app:not(.s008) .t035 {
  transition: opacity .3s ease-in-out .5s, transform .3s ease-in-out .5s;
}

.app.s008 .t035 {
  opacity: 0;
  transform: translate(0px, 12px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.app:not(.s008) .t036 {
  transition: opacity .3s ease-in-out .7s, transform .3s ease-in-out .7s;
}

.app.s008 .t036 {
  opacity: 0;
  transform: translate(24px, 12px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.forward #i033,
.forward #i034,
.forward #i035,
.forward #i036,
.forward #i037,
.forward #i038,
.forward #i042,
.forward #i043,
.forward #i044,
.forward #i045,
.forward #i046,
.forward #i047,
.forward #i048,
.forward #i049,
.forward #i050,
.forward #i051,
.forward #i052,
.forward #i053,
.forward #i054 {
  display: none;
}

.backward #i024,
.backward #i025,
.backward #i026,
.backward #i027,
.backward #i028,
.backward #i029,
.backward #i030,
.backward #i031 {
  display: none;
}