/* screen - home1366 */

.home1366 {
  background-color: var(--navy-blue);
  height: 100vh;
  margin: 0px;
  min-height: 3074px;
  min-width: 1366px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.home1366 .rectangle-29-r1YcJ6 {
  background-color: transparent;
  height: 768px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.home1366 .path-21-r1YcJ6 {
  background-color: transparent;
  display: block;
  height: 592px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 176px;
  transform: translate(0, 25px);
  width: 100%;
}

.home1366 .path-21-r1YcJ6.bp2-animate-enter {
  animation: bp2-animate-enter-frames 1.20s ease 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .path-22-r1YcJ6 {
  background-color: transparent;
  display: block;
  height: 369px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 399px;
  transform: translate(0, 25px);
  width: 100%;
}

.home1366 .path-22-r1YcJ6.bp2-animate-enter1 {
  animation: bp2-animate-enter1-frames 1.20s ease 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter1-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .path-23-r1YcJ6 {
  background-color: transparent;
  display: block;
  height: 201px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(19.74% - 40px);
  transform: translate(0, 25px);
  width: 100%;
}

.home1366 .path-23-r1YcJ6.bp2-animate-enter2 {
  animation: bp2-animate-enter2-frames 1.20s ease 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter2-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .rectangle-32-r1YcJ6 {
  background-color: transparent;
  height: 769px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(33.32% - 256px);
  width: 100%;
}

.home1366 .path-30-r1YcJ6 {
  background-color: transparent;
  display: block;
  height: 592px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(38.06% - 225px);
  transform: translate(0, 25px);
  width: 100%;
}

.home1366 .path-30-r1YcJ6.bp2-animate-enter3 {
  animation: bp2-animate-enter3-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter3-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .path-31-r1YcJ6 {
  background-color: transparent;
  display: block;
  height: 369px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(43.17% - 159px);
  transform: translate(0, 25px);
  width: 100%;
}

.home1366 .path-31-r1YcJ6.bp2-animate-enter4 {
  animation: bp2-animate-enter4-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter4-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .path-32-r1YcJ6 {
  background-color: transparent;
  display: block;
  height: 201px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(46.49% - 94px);
  transform: translate(0, 25px);
  width: 100%;
}

.home1366 .path-32-r1YcJ6.bp2-animate-enter5 {
  animation: bp2-animate-enter5-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter5-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .rectangle-33-r1YcJ6 {
  background-color: transparent;
  bottom: calc(33.35% - 256px);
  height: 768px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.home1366 .path-33-r1YcJ6 {
  background-color: transparent;
  bottom: calc(30.98% - 184px);
  display: block;
  height: 592px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.home1366 .path-33-r1YcJ6.bp2-animate-enter6 {
  animation: bp2-animate-enter6-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter6-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .path-34-r1YcJ6 {
  background-color: transparent;
  bottom: calc(28.43% - 105px);
  display: block;
  height: 369px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.home1366 .path-34-r1YcJ6.bp2-animate-enter7 {
  animation: bp2-animate-enter7-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter7-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .path-35-r1YcJ6 {
  background-color: transparent;
  bottom: calc(26.76% - 54px);
  display: block;
  height: 201px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.home1366 .path-35-r1YcJ6.bp2-animate-enter8 {
  animation: bp2-animate-enter8-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter8-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .homepage-r1YcJ6 {
  background-color: transparent;
  display: block;
  height: 768px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 119px;
  width: 100%;
}

.home1366 .homepage-r1YcJ6.bp2-animate-enter9 {
  animation: bp2-animate-enter9-frames 1.20s ease-in 8.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter9-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.home1366 .welcome-to-hotsacity-r1YcJ6 {
  background-color: transparent;
  display: block;
  height: 204px;
  left: 98px;
  letter-spacing: 0.00px;
  line-height: 20px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: calc(33.79% - 69px);
  transform: translate(0, 25px);
  width: 678px;
}

.home1366 .welcome-to-hotsacity-r1YcJ6.bp2-animate-enter10 {
  animation: bp2-animate-enter10-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter10-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-14-r1YcJ6 {
  background-color: transparent;
  display: block;
  height: 147px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 142px;
  top: calc(31.23% - 46px);
  transform: translate(0, 25px);
  width: 112px;
}

.home1366 .tekengebied-14-r1YcJ6.bp2-animate-enter11 {
  animation: bp2-animate-enter11-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter11-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .promo-card-parts-are-r1YcJ6 {
  background-color: transparent;
  display: block;
  height: 91px;
  letter-spacing: 0.00px;
  line-height: 20px;
  opacity: 0;
  position: absolute;
  right: 172px;
  text-align: left;
  top: calc(46.89% - 43px);
  transform: translate(0, 25px);
  width: 440px;
}

.home1366 .promo-card-parts-are-r1YcJ6.bp2-animate-enter12 {
  animation: bp2-animate-enter12-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter12-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .gigantokrak-r1YcJ6 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 287px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(24.27% - 58px);
  top: calc(39.29% - 113px);
  transform: translate(0, 25px);
  width: 240px;
}

.home1366 .gigantokrak-r1YcJ6.bp2-animate-enter13 {
  animation: bp2-animate-enter13-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter13-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .octomermaid-r1YcJ6 {
  background-color: transparent;
  display: block;
  height: 413px;
  left: calc(21.29% - 51px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(41.89% - 173px);
  transform: translate(0, 25px);
  width: 239px;
}

.home1366 .octomermaid-r1YcJ6.bp2-animate-enter14 {
  animation: bp2-animate-enter14-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter14-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-17-r1YcJ6 {
  background-color: transparent;
  display: block;
  height: 70px;
  left: calc(38.09% - 21px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(30.55% - 21px);
  transform: translate(0, 25px);
  width: 56px;
}

.home1366 .tekengebied-17-r1YcJ6.bp2-animate-enter15 {
  animation: bp2-animate-enter15-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter15-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-15-r1YcJ6 {
  background-color: transparent;
  display: block;
  height: 152px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(47.83% - 92px);
  top: calc(40.41% - 61px);
  transform: translate(0, 25px);
  width: 191px;
}

.home1366 .tekengebied-15-r1YcJ6.bp2-animate-enter16 {
  animation: bp2-animate-enter16-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter16-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-16-r1YcJ6 {
  background-color: transparent;
  display: block;
  height: 27px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 153px;
  top: calc(48.82% - 13px);
  transform: translate(0, 25px);
  width: 23px;
}

.home1366 .tekengebied-16-r1YcJ6.bp2-animate-enter17 {
  animation: bp2-animate-enter17-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter17-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-18-r1YcJ6 {
  background-color: transparent;
  display: block;
  height: 80px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 59px;
  top: calc(40.64% - 32px);
  transform: translate(0, 25px);
  width: 81px;
}

.home1366 .tekengebied-18-r1YcJ6.bp2-animate-enter18 {
  animation: bp2-animate-enter18-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter18-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-19-r1YcJ6 {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 59px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(42.75% - 23px);
  transform: translate(0, 25px);
  width: 40px;
}

.home1366 .tekengebied-19-r1YcJ6.bp2-animate-enter19 {
  animation: bp2-animate-enter19-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter19-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-17-Ns5IZX {
  background-color: transparent;
  border-radius: 40px;
  bottom: calc(44.30% - 93px);
  display: block;
  height: 211px;
  left: 120px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 205px;
}

.home1366 .tekengebied-17-Ns5IZX.bp2-animate-enter20 {
  animation: bp2-animate-enter20-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter20-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-18-Ns5IZX {
  background-color: transparent;
  bottom: calc(41.10% - 44px);
  display: block;
  height: 107px;
  left: calc(33.61% - 37px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 109px;
}

.home1366 .tekengebied-18-Ns5IZX.bp2-animate-enter21 {
  animation: bp2-animate-enter21-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter21-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .hello-dear-survivors-r1YcJ6 {
  background-color: transparent;
  bottom: calc(34.30% - 103px);
  display: block;
  height: 300px;
  left: 81px;
  letter-spacing: 0.00px;
  line-height: 20px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: 678px;
}

.home1366 .hello-dear-survivors-r1YcJ6.bp2-animate-enter22 {
  animation: bp2-animate-enter22-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter22-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-2-r1YcJ6 {
  background-color: transparent;
  bottom: calc(45.55% - 51px);
  display: block;
  height: 112px;
  left: calc(45.47% - 217px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 478px;
}

.home1366 .tekengebied-2-r1YcJ6.bp2-animate-enter23 {
  animation: bp2-animate-enter23-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter23-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-15-Ns5IZX {
  background-color: transparent;
  bottom: calc(41.10% - 22px);
  display: block;
  height: 54px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(40.94% - 23px);
  transform: translate(0, 25px);
  width: 55px;
}

.home1366 .tekengebied-15-Ns5IZX.bp2-animate-enter24 {
  animation: bp2-animate-enter24-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter24-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-14-Ns5IZX {
  background-color: transparent;
  bottom: calc(46.81% - 12px);
  display: block;
  height: 25px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(23.61% - 6px);
  transform: translate(0, 25px);
  width: 24px;
}

.home1366 .tekengebied-14-Ns5IZX.bp2-animate-enter25 {
  animation: bp2-animate-enter25-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter25-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-19-Ns5IZX {
  background-color: transparent;
  bottom: calc(28.47% - 62px);
  display: block;
  height: 217px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(31.99% - 64px);
  transform: translate(0, 25px);
  width: 200px;
}

.home1366 .tekengebied-19-Ns5IZX.bp2-animate-enter26 {
  animation: bp2-animate-enter26-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter26-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .continue-reading-by-r1YcJ6 {
  background-color: transparent;
  bottom: calc(27.94% - 17px);
  display: block;
  height: 61px;
  left: 81px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 676px;
}

.home1366 .continue-reading-by-r1YcJ6.bp2-animate-enter27 {
  animation: bp2-animate-enter27-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter27-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-16-Ns5IZX {
  background-color: transparent;
  bottom: calc(38.66% - 10px);
  display: block;
  height: 27px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 125px;
  transform: translate(0, 25px);
  width: 23px;
}

.home1366 .tekengebied-16-Ns5IZX.bp2-animate-enter28 {
  animation: bp2-animate-enter28-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter28-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-14-7APM1S {
  background-color: transparent;
  bottom: calc(33.88% - 24px);
  display: block;
  height: 70px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(17.38% - 12px);
  transform: translate(0, 25px);
  width: 71px;
}

.home1366 .tekengebied-14-7APM1S.bp2-animate-enter29 {
  animation: bp2-animate-enter29-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter29-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-8-r1YcJ6 {
  background-color: transparent;
  bottom: calc(38.00% - 97px);
  display: block;
  height: 255px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 85px;
  transform: translate(0, 25px);
  width: 315px;
}

.home1366 .tekengebied-8-r1YcJ6.bp2-animate-enter30 {
  animation: bp2-animate-enter30-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter30-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-6-r1YcJ6 {
  background-color: transparent;
  bottom: calc(29.89% - 92px);
  height: 309px;
  object-fit: cover;
  position: absolute;
  right: 81px;
  width: 292px;
}

.home1366 .rectangle-40-r1YcJ6 {
  background-color: transparent;
  bottom: 0px;
  height: 769px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.home1366 .path-54-r1YcJ6 {
  background-color: transparent;
  bottom: 1px;
  display: block;
  height: 592px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.home1366 .path-54-r1YcJ6.bp2-animate-enter31 {
  animation: bp2-animate-enter31-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter31-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .path-55-r1YcJ6 {
  background-color: transparent;
  bottom: 1px;
  display: block;
  height: 369px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.home1366 .path-55-r1YcJ6.bp2-animate-enter32 {
  animation: bp2-animate-enter32-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter32-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .path-56-r1YcJ6 {
  background-color: transparent;
  bottom: 1px;
  display: block;
  height: 201px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.home1366 .path-56-r1YcJ6.bp2-animate-enter33 {
  animation: bp2-animate-enter33-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter33-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .white_background-r1YcJ6 {
  background-color: transparent;
  bottom: 450px;
  cursor: pointer;
  height: 206px;
  object-fit: cover;
  position: absolute;
  right: calc(29.18% - 81px);
  width: 279px;
}

.home1366 .path-57-r1YcJ6 {
  background-color: transparent;
  bottom: 452px;
  cursor: pointer;
  height: 202px;
  left: calc(23.14% - 61px);
  object-fit: cover;
  position: absolute;
  width: 265px;
}

.home1366 .for-more-information-r1YcJ6 {
  background-color: transparent;
  bottom: 248px;
  display: block;
  height: 141px;
  left: 140px;
  letter-spacing: 0.00px;
  line-height: 20px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: 456px;
}

.home1366 .for-more-information-r1YcJ6.bp2-animate-enter34 {
  animation: bp2-animate-enter34-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter34-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .follow-our-twitter-for-story-sneakpeaks-r1YcJ6 {
  background-color: transparent;
  bottom: 349px;
  display: block;
  height: 40px;
  letter-spacing: 0.00px;
  line-height: 20px;
  opacity: 0;
  position: absolute;
  right: calc(26.14% - 92px);
  text-align: left;
  transform: translate(0, 25px);
  width: 351px;
}

.home1366 .follow-our-twitter-for-story-sneakpeaks-r1YcJ6.bp2-animate-enter35 {
  animation: bp2-animate-enter35-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter35-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-7-r1YcJ6 {
  background-color: transparent;
  bottom: calc(19.60% - 65px);
  display: block;
  height: 332px;
  left: calc(47.01% - 156px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(25px, 0);
  width: 332px;
}

.home1366 .tekengebied-7-r1YcJ6.bp2-animate-enter36 {
  animation: bp2-animate-enter36-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp2-animate-enter36-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .sam-r1YcJ6 {
  background-color: transparent;
  bottom: 48px;
  display: block;
  height: 210px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 176px;
  transform: translate(0, 25px);
  width: 265px;
}

.home1366 .sam-r1YcJ6.bp2-animate-enter37 {
  animation: bp2-animate-enter37-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter37-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-18-7APM1S {
  background-color: transparent;
  bottom: 444px;
  display: block;
  height: 181px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 72px;
  transform: translate(0, 25px);
  width: 158px;
}

.home1366 .tekengebied-18-7APM1S.bp2-animate-enter38 {
  animation: bp2-animate-enter38-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter38-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-15-7APM1S {
  background-color: transparent;
  bottom: 200px;
  display: block;
  height: 116px;
  left: calc(47.95% - 57px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 119px;
}

.home1366 .tekengebied-15-7APM1S.bp2-animate-enter39 {
  animation: bp2-animate-enter39-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter39-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-19-7APM1S {
  background-color: transparent;
  bottom: calc(22.67% - 21px);
  display: block;
  height: 93px;
  left: 81px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 96px;
}

.home1366 .tekengebied-19-7APM1S.bp2-animate-enter40 {
  animation: bp2-animate-enter40-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter40-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-17-7APM1S {
  background-color: transparent;
  border-radius: 40px;
  bottom: 90px;
  display: block;
  height: 81px;
  left: calc(20.02% - 19px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 94px;
}

.home1366 .tekengebied-17-7APM1S.bp2-animate-enter41 {
  animation: bp2-animate-enter41-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter41-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .tekengebied-14-hFoSur {
  background-color: transparent;
  height: 119px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 99.97%;
}

.home1366 .group-7915-r1YcJ6 {
  background-color: transparent;
  height: 52px;
  left: calc(49.95% - 443px);
  position: absolute;
  top: 34px;
  width: 887px;
}

.home1366 .tekengebied-20-SxHxmH {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: translate(0, 25px);
  width: 177px;
}

.home1366 .tekengebied-20-SxHxmH.bp2-animate-enter42 {
  animation: bp2-animate-enter42-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter42-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .path-5-fOjZHn {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.home1366 .whitepaper-fOjZHn {
  background-color: transparent;
  bottom: calc(43.76% - 13px);
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20.6px;
  position: absolute;
  right: calc(45.72% - 49px);
  text-align: left;
  white-space: nowrap;
  width: 108px;
}

.home1366 .span0-FrqbXO {
}

.home1366 .span1-FrqbXO {
  letter-spacing: -0.20px;
}

.home1366 .span2-FrqbXO {
}

.home1366 .tekengebied-21-SxHxmH {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: calc(25.02% - 44px);
  top: 0px;
  transform: translate(0, 25px);
  width: 177px;
}

.home1366 .tekengebied-21-SxHxmH.bp2-animate-enter43 {
  animation: bp2-animate-enter43-frames 1.20s ease-in 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter43-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .rectangle-9-YatNLr {
  background-color: var(--regal-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.home1366 .shellet-YatNLr {
  background-color: transparent;
  bottom: calc(43.76% - 13px);
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20.6px;
  position: absolute;
  right: calc(49.08% - 31px);
  text-align: left;
  white-space: nowrap;
  width: 63px;
}

.home1366 .tekengebied-22-SxHxmH {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: calc(49.97% - 89px);
  top: 0px;
  transform: translate(0, 25px);
  width: 177px;
}

.home1366 .tekengebied-22-SxHxmH.bp2-animate-enter44 {
  animation: bp2-animate-enter44-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter44-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .rectangle-10-7XNlau {
  background-color: var(--bahama-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.home1366 .crafting-7XNlau {
  background-color: transparent;
  bottom: calc(43.76% - 13px);
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20.6px;
  position: absolute;
  right: calc(48.16% - 36px);
  text-align: left;
  white-space: nowrap;
  width: 75px;
}

.home1366 .span0-Gr5Zio {
}

.home1366 .span1-Gr5Zio {
  letter-spacing: 0.20px;
}

.home1366 .span2-Gr5Zio {
}

.home1366 .tekengebied-23-SxHxmH {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: calc(25.02% - 44px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 177px;
}

.home1366 .tekengebied-23-SxHxmH.bp2-animate-enter45 {
  animation: bp2-animate-enter45-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter45-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .rectangle-11-vrLKg3 {
  background-color: var(--green-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.home1366 .stories-vrLKg3 {
  background-color: transparent;
  bottom: calc(43.76% - 13px);
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20.6px;
  position: absolute;
  right: calc(49.24% - 31px);
  text-align: left;
  white-space: nowrap;
  width: 63px;
}

.home1366 .span0-uhA6kF {
}

.home1366 .span1-uhA6kF {
  letter-spacing: -0.20px;
}

.home1366 .span2-uhA6kF {
}

.home1366 .tekengebied-24-SxHxmH {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 177px;
}

.home1366 .tekengebied-24-SxHxmH.bp2-animate-enter46 {
  animation: bp2-animate-enter46-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter46-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .path-6-z2TBuh {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.home1366 .home-z2TBuh {
  background-color: transparent;
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20.6px;
  position: absolute;
  right: calc(49.45% - 28px);
  text-align: left;
  top: calc(49.67% - 14px);
  white-space: nowrap;
  width: 57px;
}

.home1366 .logo_1_-r1YcJ6 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 37px;
  left: 54px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 41px;
  transform: translate(25px, 0);
  width: 51px;
}

.home1366 .logo_1_-r1YcJ6.bp2-animate-enter47 {
  animation: bp2-animate-enter47-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp2-animate-enter47-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.home1366 .discord-logo-black-r1YcJ6 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 37px;
  left: 152px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 41px;
  transform: translate(25px, 0);
  width: 48px;
}

.home1366 .discord-logo-black-r1YcJ6.bp2-animate-enter48 {
  animation: bp2-animate-enter48-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp2-animate-enter48-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}
/* screen - homemobile */

.homemobile {
  background-color: var(--navy-blue);
  height: 100vh;
  margin: 0px;
  min-height: 1683px;
  min-width: 375px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.homemobile .rectangle-5344-pgrxnj {
  background-color: var(--daintree);
  bottom: 2px;
  height: 211px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.homemobile .path-3996-pgrxnj {
  background-color: transparent;
  bottom: 2px;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-3996-pgrxnj.bp4-animate-enter231 {
  animation: bp4-animate-enter231-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter231-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .path-3997-pgrxnj {
  background-color: transparent;
  bottom: 2px;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-3997-pgrxnj.bp4-animate-enter232 {
  animation: bp4-animate-enter232-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter232-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .rectangle-5345-pgrxnj {
  background-color: var(--sherpa-blue);
  bottom: calc(42.66% - 90px);
  height: 211px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.homemobile .path-3999-pgrxnj {
  background-color: transparent;
  bottom: calc(41.31% - 67px);
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-3999-pgrxnj.bp4-animate-enter233 {
  animation: bp4-animate-enter233-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter233-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .path-4004-pgrxnj {
  background-color: transparent;
  bottom: calc(25.63% - 14px);
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-4004-pgrxnj.bp4-animate-enter234 {
  animation: bp4-animate-enter234-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter234-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .rectangle-5347-pgrxnj {
  background-color: var(--evening-sea);
  bottom: 213px;
  height: 211px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.homemobile .path-4005-pgrxnj {
  background-color: transparent;
  bottom: 213px;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-4005-pgrxnj.bp4-animate-enter235 {
  animation: bp4-animate-enter235-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter235-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .path-4006-pgrxnj {
  background-color: transparent;
  bottom: 213px;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-4006-pgrxnj.bp4-animate-enter236 {
  animation: bp4-animate-enter236-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter236-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .rectangle-5346-pgrxnj {
  background-color: var(--casal);
  bottom: calc(28.33% - 60px);
  height: 211px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.homemobile .path-4002-pgrxnj {
  background-color: transparent;
  bottom: calc(27.44% - 45px);
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-4002-pgrxnj.bp4-animate-enter237 {
  animation: bp4-animate-enter237-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter237-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .path-4003-pgrxnj {
  background-color: transparent;
  bottom: calc(26.37% - 27px);
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-4003-pgrxnj.bp4-animate-enter238 {
  animation: bp4-animate-enter238-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter238-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .path-4000-pgrxnj {
  background-color: transparent;
  bottom: calc(39.71% - 40px);
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-4000-pgrxnj.bp4-animate-enter239 {
  animation: bp4-animate-enter239-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter239-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .path-4001-pgrxnj {
  background-color: transparent;
  bottom: calc(38.58% - 21px);
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-4001-pgrxnj.bp4-animate-enter240 {
  animation: bp4-animate-enter240-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter240-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .path-4007-pgrxnj {
  background-color: transparent;
  bottom: 213px;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-4007-pgrxnj.bp4-animate-enter241 {
  animation: bp4-animate-enter241-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter241-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .path-3998-pgrxnj {
  background-color: transparent;
  bottom: 2px;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-3998-pgrxnj.bp4-animate-enter242 {
  animation: bp4-animate-enter242-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter242-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .rectangle-29-pgrxnj {
  background-color: transparent;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.homemobile .path-21-pgrxnj {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 48px;
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-21-pgrxnj.bp4-animate-enter243 {
  animation: bp4-animate-enter243-frames 1.20s ease 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter243-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .path-22-pgrxnj {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 110px;
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-22-pgrxnj.bp4-animate-enter244 {
  animation: bp4-animate-enter244-frames 1.20s ease 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter244-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .path-23-pgrxnj {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 156px;
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-23-pgrxnj.bp4-animate-enter245 {
  animation: bp4-animate-enter245-frames 1.20s ease 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter245-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .rectangle-32-pgrxnj {
  background-color: transparent;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 211px;
  width: 100%;
}

.homemobile .path-30-pgrxnj {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(17.05% - 28px);
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-30-pgrxnj.bp4-animate-enter246 {
  animation: bp4-animate-enter246-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter246-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .path-31-pgrxnj {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(20.26% - 21px);
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-31-pgrxnj.bp4-animate-enter247 {
  animation: bp4-animate-enter247-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter247-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .path-32-pgrxnj {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(22.52% - 12px);
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-32-pgrxnj.bp4-animate-enter248 {
  animation: bp4-animate-enter248-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter248-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .rectangle-33-pgrxnj {
  background-color: transparent;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(28.67% - 60px);
  width: 100%;
}

.homemobile .path-33-pgrxnj {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(30.92% - 50px);
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-33-pgrxnj.bp4-animate-enter249 {
  animation: bp4-animate-enter249-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter249-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .path-34-pgrxnj {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(33.60% - 34px);
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-34-pgrxnj.bp4-animate-enter250 {
  animation: bp4-animate-enter250-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter250-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .path-35-pgrxnj {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(35.48% - 20px);
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-35-pgrxnj.bp4-animate-enter251 {
  animation: bp4-animate-enter251-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter251-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .homepage-pgrxnj {
  background-color: transparent;
  display: block;
  height: 210px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 33px;
  width: 100%;
}

.homemobile .homepage-pgrxnj.bp4-animate-enter252 {
  animation: bp4-animate-enter252-frames 1.20s ease-in 8.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp4-animate-enter252-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.homemobile .welcome-to-hotsacity-pgrxnj {
  background-color: transparent;
  display: block;
  height: 109px;
  left: 32px;
  letter-spacing: 0.00px;
  line-height: 12px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 251px;
  transform: translate(0, 25px);
  width: calc(100.00% - 58px);
}

.homemobile .welcome-to-hotsacity-pgrxnj.bp4-animate-enter253 {
  animation: bp4-animate-enter253-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter253-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .rectangle-40-pgrxnj {
  background-color: transparent;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(43.00% - 91px);
  width: 100%;
}

.homemobile .path-54-pgrxnj {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(44.79% - 73px);
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-54-pgrxnj.bp4-animate-enter254 {
  animation: bp4-animate-enter254-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter254-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .path-55-pgrxnj {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(46.93% - 48px);
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-55-pgrxnj.bp4-animate-enter255 {
  animation: bp4-animate-enter255-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter255-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .path-56-pgrxnj {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(48.43% - 27px);
  transform: translate(0, 25px);
  width: 100%;
}

.homemobile .path-56-pgrxnj.bp4-animate-enter256 {
  animation: bp4-animate-enter256-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter256-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .tekengebied-14-pgrxnj {
  background-color: transparent;
  display: block;
  height: 40px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 19px;
  top: 251px;
  transform: translate(0, 25px);
  width: 31px;
}

.homemobile .tekengebied-14-pgrxnj.bp4-animate-enter257 {
  animation: bp4-animate-enter257-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter257-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .tekengebied-17-pgrxnj {
  background-color: transparent;
  display: block;
  height: 19px;
  left: calc(40.41% - 6px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 265px;
  transform: translate(0, 25px);
  width: 15px;
}

.homemobile .tekengebied-17-pgrxnj.bp4-animate-enter258 {
  animation: bp4-animate-enter258-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter258-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .tekengebied-18-pgrxnj {
  background-color: transparent;
  display: block;
  height: 22px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 12px;
  top: calc(20.92% - 5px);
  transform: translate(0, 25px);
  width: 22px;
}

.homemobile .tekengebied-18-pgrxnj.bp4-animate-enter259 {
  animation: bp4-animate-enter259-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter259-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .tekengebied-19-pgrxnj {
  background-color: transparent;
  display: block;
  height: 15px;
  left: 27px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(22.05% - 3px);
  transform: translate(0, 25px);
  width: 11px;
}

.homemobile .tekengebied-19-pgrxnj.bp4-animate-enter260 {
  animation: bp4-animate-enter260-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter260-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .octomermaid-pgrxnj {
  background-color: transparent;
  display: block;
  height: 111px;
  left: 51px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(25.35% - 28px);
  transform: translate(0, 25px);
  width: 64px;
}

.homemobile .octomermaid-pgrxnj.bp4-animate-enter261 {
  animation: bp4-animate-enter261-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter261-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .tekengebied-15-pgrxnj {
  background-color: transparent;
  display: block;
  height: 42px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(35.13% - 18px);
  top: calc(23.18% - 10px);
  transform: translate(0, 25px);
  width: 53px;
}

.homemobile .tekengebied-15-pgrxnj.bp4-animate-enter262 {
  animation: bp4-animate-enter262-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter262-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .gigantokrak-pgrxnj {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 79px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(31.72% - 21px);
  top: calc(26.51% - 21px);
  transform: translate(0, 25px);
  width: 66px;
}

.homemobile .gigantokrak-pgrxnj.bp4-animate-enter263 {
  animation: bp4-animate-enter263-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter263-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .promo-card-parts-are-pgrxnj {
  background-color: transparent;
  display: block;
  height: 70px;
  letter-spacing: 0.00px;
  line-height: 12px;
  opacity: 0;
  position: absolute;
  right: 30px;
  text-align: left;
  top: calc(32.08% - 22px);
  transform: translate(0, 25px);
  width: 192px;
}

.homemobile .promo-card-parts-are-pgrxnj.bp4-animate-enter264 {
  animation: bp4-animate-enter264-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter264-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .tekengebied-2-pgrxnj {
  background-color: transparent;
  display: block;
  height: 31px;
  left: calc(50.00% - 66px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(38.30% - 12px);
  transform: translate(0, 25px);
  width: 131px;
}

.homemobile .tekengebied-2-pgrxnj.bp4-animate-enter265 {
  animation: bp4-animate-enter265-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter265-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .tekengebied-17-0jHxxw {
  background-color: transparent;
  border-radius: 40px;
  display: block;
  height: 58px;
  left: 40px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(39.42% - 23px);
  transform: translate(0, 25px);
  width: 56px;
}

.homemobile .tekengebied-17-0jHxxw.bp4-animate-enter266 {
  animation: bp4-animate-enter266-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter266-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .hello-dear-survivors-pgrxnj {
  background-color: transparent;
  display: block;
  height: 272px;
  left: 59px;
  letter-spacing: 0.00px;
  line-height: 12px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: calc(49.13% - 134px);
  transform: translate(0, 25px);
  width: calc(100.00% - 111px);
}

.homemobile .hello-dear-survivors-pgrxnj.bp4-animate-enter267 {
  animation: bp4-animate-enter267-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter267-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .continue-reading-by-pgrxnj {
  background-color: transparent;
  bottom: calc(40.76% - 21px);
  display: block;
  height: 52px;
  left: 57px;
  letter-spacing: 0.00px;
  line-height: 12px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 109px);
}

.homemobile .continue-reading-by-pgrxnj.bp4-animate-enter268 {
  animation: bp4-animate-enter268-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter268-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .tekengebied-8-pgrxnj {
  background-color: transparent;
  bottom: calc(38.79% - 27px);
  display: block;
  height: 70px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 42px;
  transform: translate(0, 25px);
  width: 87px;
}

.homemobile .tekengebied-8-pgrxnj.bp4-animate-enter269 {
  animation: bp4-animate-enter269-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter269-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .tekengebied-6-pgrxnj {
  background-color: transparent;
  bottom: calc(34.94% - 30px);
  height: 85px;
  object-fit: cover;
  position: absolute;
  right: 41px;
  width: 80px;
}

.homemobile .tekengebied-16-pgrxnj {
  background-color: transparent;
  display: block;
  height: 7px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 38px;
  top: calc(36.93% - 3px);
  transform: translate(0, 25px);
  width: 6px;
}

.homemobile .tekengebied-16-pgrxnj.bp4-animate-enter270 {
  animation: bp4-animate-enter270-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter270-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .tekengebied-14-0jHxxw {
  background-color: transparent;
  display: block;
  height: 19px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(18.52% - 4px);
  top: calc(39.12% - 8px);
  transform: translate(0, 25px);
  width: 19px;
}

.homemobile .tekengebied-14-0jHxxw.bp4-animate-enter271 {
  animation: bp4-animate-enter271-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter271-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .tekengebied-18-0jHxxw {
  background-color: transparent;
  bottom: calc(46.84% - 14px);
  display: block;
  height: 29px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 26px;
  transform: translate(0, 25px);
  width: 30px;
}

.homemobile .tekengebied-18-0jHxxw.bp4-animate-enter272 {
  animation: bp4-animate-enter272-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter272-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .tekengebied-19-0jHxxw {
  background-color: transparent;
  bottom: calc(43.15% - 26px);
  display: block;
  height: 60px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 10px;
  transform: translate(0, 25px);
  width: 55px;
}

.homemobile .tekengebied-19-0jHxxw.bp4-animate-enter273 {
  animation: bp4-animate-enter273-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter273-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .tekengebied-15-0jHxxw {
  background-color: transparent;
  display: block;
  height: 15px;
  left: 60px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(34.10% - 5px);
  transform: translate(0, 25px);
  width: 15px;
}

.homemobile .tekengebied-15-0jHxxw.bp4-animate-enter274 {
  animation: bp4-animate-enter274-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter274-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .tekengebied-19-fkEF31 {
  background-color: transparent;
  bottom: calc(39.32% - 10px);
  display: block;
  height: 26px;
  left: 44px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 26px;
}

.homemobile .tekengebied-19-fkEF31.bp4-animate-enter275 {
  animation: bp4-animate-enter275-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter275-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .tekengebied-7-pgrxnj {
  background-color: transparent;
  bottom: calc(32.71% - 30px);
  display: block;
  height: 91px;
  left: calc(46.30% - 42px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(25px, 0);
  width: 91px;
}

.homemobile .tekengebied-7-pgrxnj.bp4-animate-enter276 {
  animation: bp4-animate-enter276-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp4-animate-enter276-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .discord-logo-black-pgrxnj {
  background-color: transparent;
  bottom: calc(25.11% - 22px);
  cursor: pointer;
  display: block;
  height: 89px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(50.00% - 57px);
  transform: translate(25px, 0);
  width: 115px;
}

.homemobile .discord-logo-black-pgrxnj.bp4-animate-enter277 {
  animation: bp4-animate-enter277-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp4-animate-enter277-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .for-more-information-pgrxnj {
  background-color: transparent;
  bottom: calc(17.72% - 17px);
  display: block;
  height: 94px;
  left: 69px;
  letter-spacing: 0.00px;
  line-height: 12px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 136px);
}

.homemobile .for-more-information-pgrxnj.bp4-animate-enter278 {
  animation: bp4-animate-enter278-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter278-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .tekengebied-18-fkEF31 {
  background-color: transparent;
  bottom: calc(26.09% - 13px);
  display: block;
  height: 50px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 19px;
  transform: translate(0, 25px);
  width: 43px;
}

.homemobile .tekengebied-18-fkEF31.bp4-animate-enter279 {
  animation: bp4-animate-enter279-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter279-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .tekengebied-15-fkEF31 {
  background-color: transparent;
  bottom: 234px;
  display: block;
  height: 32px;
  left: calc(20.76% - 7px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 33px;
}

.homemobile .tekengebied-15-fkEF31.bp4-animate-enter280 {
  animation: bp4-animate-enter280-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter280-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .tekengebied-17-fkEF31 {
  background-color: transparent;
  border-radius: 40px;
  bottom: calc(26.43% - 6px);
  display: block;
  height: 22px;
  left: calc(19.44% - 5px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 26px;
}

.homemobile .tekengebied-17-fkEF31.bp4-animate-enter281 {
  animation: bp4-animate-enter281-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter281-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .logo_1_-pgrxnj {
  background-color: transparent;
  bottom: 146px;
  cursor: pointer;
  display: block;
  height: 88px;
  left: calc(50.00% - 60px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(25px, 0);
  width: 119px;
}

.homemobile .logo_1_-pgrxnj.bp4-animate-enter282 {
  animation: bp4-animate-enter282-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp4-animate-enter282-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .follow-our-twitter-for-story-sneakpeaks-pgrxnj {
  background-color: transparent;
  bottom: 101px;
  display: block;
  height: 25px;
  left: 81px;
  letter-spacing: 0.00px;
  line-height: 12px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 160px);
}

.homemobile .follow-our-twitter-for-story-sneakpeaks-pgrxnj.bp4-animate-enter283 {
  animation: bp4-animate-enter283-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter283-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .sam-pgrxnj {
  background-color: transparent;
  bottom: 173px;
  display: block;
  height: 58px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 22px;
  transform: translate(0, 25px);
  width: 73px;
}

.homemobile .sam-pgrxnj.bp4-animate-enter284 {
  animation: bp4-animate-enter284-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter284-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .tekengebied-38-pgrxnj {
  background-color: transparent;
  height: 33px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.homemobile .group-7916-pgrxnj {
  background-color: transparent;
  height: 14px;
  left: calc(50.00% - 122px);
  position: absolute;
  top: 9px;
  width: 244px;
}

.homemobile .tekengebied-44-KNVKwh {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 49px;
}

.homemobile .tekengebied-44-KNVKwh.bp4-animate-enter285 {
  animation: bp4-animate-enter285-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter285-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .path-15-lLQcRN {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.homemobile .home-lLQcRN {
  background-color: transparent;
  bottom: calc(43.57% - 4px);
  height: 9px;
  letter-spacing: 0.00px;
  line-height: 5.7px;
  position: absolute;
  right: calc(47.29% - 8px);
  text-align: left;
  white-space: nowrap;
  width: 17px;
}

.homemobile .tekengebied-45-KNVKwh {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: calc(25.00% - 12px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 49px;
}

.homemobile .tekengebied-45-KNVKwh.bp4-animate-enter286 {
  animation: bp4-animate-enter286-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter286-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .rectangle-23-jxL0ZR {
  background-color: var(--green-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.homemobile .stories-jxL0ZR {
  background-color: transparent;
  bottom: calc(35.59% - 3px);
  height: 9px;
  letter-spacing: 0.00px;
  line-height: 5.7px;
  position: absolute;
  right: calc(46.34% - 9px);
  text-align: left;
  white-space: nowrap;
  width: 19px;
}

.homemobile .span0-OLGHXG {
}

.homemobile .span1-OLGHXG {
  letter-spacing: -0.05px;
}

.homemobile .span2-OLGHXG {
}

.homemobile .tekengebied-46-KNVKwh {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: calc(50.00% - 24px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 49px;
}

.homemobile .tekengebied-46-KNVKwh.bp4-animate-enter287 {
  animation: bp4-animate-enter287-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter287-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .rectangle-24-Ukx6UN {
  background-color: var(--bahama-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.homemobile .crafting-Ukx6UN {
  background-color: transparent;
  bottom: calc(35.59% - 3px);
  height: 9px;
  letter-spacing: 0.00px;
  line-height: 5.7px;
  position: absolute;
  right: calc(45.44% - 10px);
  text-align: left;
  white-space: nowrap;
  width: 22px;
}

.homemobile .span0-uG4IP2 {
}

.homemobile .span1-uG4IP2 {
  letter-spacing: 0.05px;
}

.homemobile .span2-uG4IP2 {
}

.homemobile .tekengebied-47-KNVKwh {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: calc(25.00% - 12px);
  top: 0px;
  transform: translate(0, 25px);
  width: 49px;
}

.homemobile .tekengebied-47-KNVKwh.bp4-animate-enter288 {
  animation: bp4-animate-enter288-frames 1.20s ease-in 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter288-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .rectangle-25-FljqOP {
  background-color: var(--regal-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.homemobile .shellet-FljqOP {
  background-color: transparent;
  bottom: calc(35.59% - 3px);
  height: 9px;
  letter-spacing: 0.00px;
  line-height: 5.7px;
  position: absolute;
  right: calc(46.17% - 9px);
  text-align: left;
  white-space: nowrap;
  width: 19px;
}

.homemobile .tekengebied-48-KNVKwh {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 1px;
  top: 0px;
  transform: translate(0, 25px);
  width: 49px;
}

.homemobile .tekengebied-48-KNVKwh.bp4-animate-enter289 {
  animation: bp4-animate-enter289-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter289-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .path-16-PEjEt2 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.homemobile .whitepaper-PEjEt2 {
  background-color: transparent;
  bottom: calc(35.60% - 3px);
  height: 9px;
  letter-spacing: 0.00px;
  line-height: 5.7px;
  position: absolute;
  right: calc(41.60% - 13px);
  text-align: left;
  white-space: nowrap;
  width: 31px;
}

.homemobile .span0-gHum8v {
  letter-spacing: -0.05px;
}

.homemobile .span1-gHum8v {
}

.homemobile .span2-gHum8v {
  letter-spacing: -0.05px;
}

.homemobile .span3-gHum8v {
}

.homemobile .logo_1_-0jHxxw {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 15px;
  left: 11px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 9px;
  transform: translate(25px, 0);
  width: 21px;
}

.homemobile .logo_1_-0jHxxw.bp4-animate-enter290 {
  animation: bp4-animate-enter290-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp4-animate-enter290-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homemobile .discord-logo-black-0jHxxw {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 17px;
  left: 39px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: translate(25px, 0);
  width: 22px;
}

.homemobile .discord-logo-black-0jHxxw.bp4-animate-enter291 {
  animation: bp4-animate-enter291-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp4-animate-enter291-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}
/* screen - hometlabet */

.hometlabet {
  background-color: var(--navy-blue);
  height: 100vh;
  margin: 0px;
  min-height: 1876px;
  min-width: 834px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.hometlabet .rectangle-29-aowaxc {
  background-color: transparent;
  height: 469px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.hometlabet .path-21-aowaxc {
  background-color: transparent;
  display: block;
  height: 362px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 107px;
  transform: translate(0, 25px);
  width: 100%;
}

.hometlabet .path-21-aowaxc.bp3-animate-enter181 {
  animation: bp3-animate-enter181-frames 1.20s ease 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter181-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .path-22-aowaxc {
  background-color: transparent;
  display: block;
  height: 225px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 244px;
  transform: translate(0, 25px);
  width: 100%;
}

.hometlabet .path-22-aowaxc.bp3-animate-enter182 {
  animation: bp3-animate-enter182-frames 1.20s ease 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter182-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .path-23-aowaxc {
  background-color: transparent;
  display: block;
  height: 123px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(19.75% - 24px);
  transform: translate(0, 25px);
  width: 100%;
}

.hometlabet .path-23-aowaxc.bp3-animate-enter183 {
  animation: bp3-animate-enter183-frames 1.20s ease 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter183-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .rectangle-32-aowaxc {
  background-color: transparent;
  height: 469px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(33.33% - 156px);
  width: 100%;
}

.hometlabet .path-30-aowaxc {
  background-color: transparent;
  display: block;
  height: 362px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(38.07% - 138px);
  transform: translate(0, 25px);
  width: 100%;
}

.hometlabet .path-30-aowaxc.bp3-animate-enter184 {
  animation: bp3-animate-enter184-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter184-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .path-31-aowaxc {
  background-color: transparent;
  display: block;
  height: 225px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(43.18% - 97px);
  transform: translate(0, 25px);
  width: 100%;
}

.hometlabet .path-31-aowaxc.bp3-animate-enter185 {
  animation: bp3-animate-enter185-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter185-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .path-32-aowaxc {
  background-color: transparent;
  display: block;
  height: 123px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(46.50% - 57px);
  transform: translate(0, 25px);
  width: 100%;
}

.hometlabet .path-32-aowaxc.bp3-animate-enter186 {
  animation: bp3-animate-enter186-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter186-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .rectangle-33-aowaxc {
  background-color: transparent;
  bottom: calc(33.33% - 156px);
  height: 469px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.hometlabet .path-33-aowaxc {
  background-color: transparent;
  bottom: calc(30.96% - 112px);
  display: block;
  height: 362px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.hometlabet .path-33-aowaxc.bp3-animate-enter187 {
  animation: bp3-animate-enter187-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter187-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .path-34-aowaxc {
  background-color: transparent;
  bottom: calc(28.40% - 64px);
  display: block;
  height: 225px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.hometlabet .path-34-aowaxc.bp3-animate-enter188 {
  animation: bp3-animate-enter188-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter188-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .path-35-aowaxc {
  background-color: transparent;
  bottom: calc(26.74% - 33px);
  display: block;
  height: 123px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.hometlabet .path-35-aowaxc.bp3-animate-enter189 {
  animation: bp3-animate-enter189-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter189-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .homepage-aowaxc {
  background-color: transparent;
  display: block;
  height: 468px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 73px;
  width: 100%;
}

.hometlabet .homepage-aowaxc.bp3-animate-enter190 {
  animation: bp3-animate-enter190-frames 1.20s ease-in 8.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter190-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.hometlabet .welcome-to-hotsacity-aowaxc {
  background-color: transparent;
  display: block;
  height: 136px;
  left: 72px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(32.08% - 44px);
  transform: translate(0, 25px);
  width: 415px;
}

.hometlabet .welcome-to-hotsacity-aowaxc.bp3-animate-enter191 {
  animation: bp3-animate-enter191-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter191-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-14-aowaxc {
  background-color: transparent;
  display: block;
  height: 89px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 87px;
  top: calc(31.24% - 28px);
  transform: translate(0, 25px);
  width: 68px;
}

.hometlabet .tekengebied-14-aowaxc.bp3-animate-enter192 {
  animation: bp3-animate-enter192-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter192-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .promo-card-parts-are-aowaxc {
  background-color: transparent;
  display: block;
  height: 73px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 0;
  position: absolute;
  right: 104px;
  text-align: left;
  top: calc(47.35% - 34px);
  transform: translate(0, 25px);
  width: 270px;
}

.hometlabet .promo-card-parts-are-aowaxc.bp3-animate-enter193 {
  animation: bp3-animate-enter193-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter193-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .gigantokrak-aowaxc {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 175px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(24.28% - 36px);
  top: calc(39.30% - 69px);
  transform: translate(0, 25px);
  width: 146px;
}

.hometlabet .gigantokrak-aowaxc.bp3-animate-enter194 {
  animation: bp3-animate-enter194-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter194-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .octomermaid-aowaxc {
  background-color: transparent;
  display: block;
  height: 252px;
  left: calc(21.11% - 31px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(42.64% - 107px);
  transform: translate(0, 25px);
  width: 146px;
}

.hometlabet .octomermaid-aowaxc.bp3-animate-enter195 {
  animation: bp3-animate-enter195-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter195-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-17-aowaxc {
  background-color: transparent;
  display: block;
  height: 43px;
  left: calc(38.09% - 13px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(30.56% - 13px);
  transform: translate(0, 25px);
  width: 34px;
}

.hometlabet .tekengebied-17-aowaxc.bp3-animate-enter196 {
  animation: bp3-animate-enter196-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter196-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-15-aowaxc {
  background-color: transparent;
  display: block;
  height: 93px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(47.84% - 56px);
  top: calc(40.42% - 37px);
  transform: translate(0, 25px);
  width: 117px;
}

.hometlabet .tekengebied-15-aowaxc.bp3-animate-enter197 {
  animation: bp3-animate-enter197-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter197-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-16-aowaxc {
  background-color: transparent;
  display: block;
  height: 17px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 94px;
  top: calc(48.84% - 8px);
  transform: translate(0, 25px);
  width: 14px;
}

.hometlabet .tekengebied-16-aowaxc.bp3-animate-enter198 {
  animation: bp3-animate-enter198-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter198-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-18-aowaxc {
  background-color: transparent;
  display: block;
  height: 49px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 36px;
  top: calc(40.65% - 20px);
  transform: translate(0, 25px);
  width: 49px;
}

.hometlabet .tekengebied-18-aowaxc.bp3-animate-enter199 {
  animation: bp3-animate-enter199-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter199-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-17-kxYD1w {
  background-color: transparent;
  border-radius: 40px;
  bottom: calc(44.28% - 57px);
  display: block;
  height: 129px;
  left: 73px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 125px;
}

.hometlabet .tekengebied-17-kxYD1w.bp3-animate-enter200 {
  animation: bp3-animate-enter200-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter200-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-18-kxYD1w {
  background-color: transparent;
  bottom: calc(41.08% - 27px);
  display: block;
  height: 66px;
  left: calc(33.61% - 22px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 67px;
}

.hometlabet .tekengebied-18-kxYD1w.bp3-animate-enter201 {
  animation: bp3-animate-enter201-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter201-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .hello-dear-survivors-aowaxc {
  background-color: transparent;
  bottom: calc(33.35% - 99px);
  display: block;
  height: 296px;
  left: 57px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: 415px;
}

.hometlabet .hello-dear-survivors-aowaxc.bp3-animate-enter202 {
  animation: bp3-animate-enter202-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter202-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-2-aowaxc {
  background-color: transparent;
  bottom: calc(45.53% - 31px);
  display: block;
  height: 68px;
  left: calc(45.46% - 133px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 292px;
}

.hometlabet .tekengebied-2-aowaxc.bp3-animate-enter203 {
  animation: bp3-animate-enter203-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter203-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-15-kxYD1w {
  background-color: transparent;
  bottom: calc(41.08% - 14px);
  display: block;
  height: 33px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(40.94% - 14px);
  transform: translate(0, 25px);
  width: 34px;
}

.hometlabet .tekengebied-15-kxYD1w.bp3-animate-enter204 {
  animation: bp3-animate-enter204-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter204-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-14-kxYD1w {
  background-color: transparent;
  bottom: calc(46.79% - 7px);
  display: block;
  height: 15px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(23.62% - 3px);
  transform: translate(0, 25px);
  width: 14px;
}

.hometlabet .tekengebied-14-kxYD1w.bp3-animate-enter205 {
  animation: bp3-animate-enter205-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter205-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-19-aowaxc {
  background-color: transparent;
  bottom: calc(28.45% - 38px);
  display: block;
  height: 133px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(32.00% - 39px);
  transform: translate(0, 25px);
  width: 122px;
}

.hometlabet .tekengebied-19-aowaxc.bp3-animate-enter206 {
  animation: bp3-animate-enter206-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter206-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .continue-reading-by-aowaxc {
  background-color: transparent;
  bottom: calc(25.46% - 14px);
  display: block;
  height: 55px;
  left: 57px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: 415px;
}

.hometlabet .continue-reading-by-aowaxc.bp3-animate-enter207 {
  animation: bp3-animate-enter207-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter207-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-16-kxYD1w {
  background-color: transparent;
  bottom: calc(38.64% - 6px);
  display: block;
  height: 17px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 76px;
  transform: translate(0, 25px);
  width: 14px;
}

.hometlabet .tekengebied-16-kxYD1w.bp3-animate-enter208 {
  animation: bp3-animate-enter208-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter208-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-14-Bxvchh {
  background-color: transparent;
  bottom: calc(33.86% - 15px);
  display: block;
  height: 43px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(17.39% - 8px);
  transform: translate(0, 25px);
  width: 43px;
}

.hometlabet .tekengebied-14-Bxvchh.bp3-animate-enter209 {
  animation: bp3-animate-enter209-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter209-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-8-aowaxc {
  background-color: transparent;
  bottom: calc(37.98% - 59px);
  display: block;
  height: 156px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 52px;
  transform: translate(0, 25px);
  width: 192px;
}

.hometlabet .tekengebied-8-aowaxc.bp3-animate-enter210 {
  animation: bp3-animate-enter210-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter210-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-6-aowaxc {
  background-color: transparent;
  bottom: calc(29.86% - 56px);
  height: 188px;
  object-fit: cover;
  position: absolute;
  right: 49px;
  width: 179px;
}

.hometlabet .rectangle-40-aowaxc {
  background-color: transparent;
  bottom: -1px;
  height: 470px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.hometlabet .path-54-aowaxc {
  background-color: transparent;
  bottom: 0px;
  display: block;
  height: 362px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.hometlabet .path-54-aowaxc.bp3-animate-enter211 {
  animation: bp3-animate-enter211-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter211-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .path-55-aowaxc {
  background-color: transparent;
  bottom: 0px;
  display: block;
  height: 225px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.hometlabet .path-55-aowaxc.bp3-animate-enter212 {
  animation: bp3-animate-enter212-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter212-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .path-56-aowaxc {
  background-color: transparent;
  bottom: 0px;
  display: block;
  height: 123px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.hometlabet .path-56-aowaxc.bp3-animate-enter213 {
  animation: bp3-animate-enter213-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter213-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .logo_1_-aowaxc {
  background-color: transparent;
  bottom: 274px;
  cursor: pointer;
  display: block;
  height: 126px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(29.19% - 50px);
  transform: translate(25px, 0);
  width: 170px;
}

.hometlabet .logo_1_-aowaxc.bp3-animate-enter214 {
  animation: bp3-animate-enter214-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp3-animate-enter214-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .discord-logo-black-aowaxc {
  background-color: transparent;
  bottom: 274px;
  cursor: pointer;
  display: block;
  height: 126px;
  left: calc(23.15% - 38px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(25px, 0);
  width: 162px;
}

.hometlabet .discord-logo-black-aowaxc.bp3-animate-enter215 {
  animation: bp3-animate-enter215-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp3-animate-enter215-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .for-more-information-aowaxc {
  background-color: transparent;
  bottom: 102px;
  display: block;
  height: 135px;
  left: 86px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: 279px;
}

.hometlabet .for-more-information-aowaxc.bp3-animate-enter216 {
  animation: bp3-animate-enter216-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter216-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .follow-our-twitter-for-story-sneakpeaks-aowaxc {
  background-color: transparent;
  bottom: 211px;
  display: block;
  height: 25px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 0;
  position: absolute;
  right: calc(26.36% - 76px);
  text-align: left;
  transform: translate(0, 25px);
  width: 288px;
}

.hometlabet .follow-our-twitter-for-story-sneakpeaks-aowaxc.bp3-animate-enter217 {
  animation: bp3-animate-enter217-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter217-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-7-aowaxc {
  background-color: transparent;
  bottom: calc(19.57% - 40px);
  display: block;
  height: 203px;
  left: calc(47.00% - 95px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(25px, 0);
  width: 203px;
}

.hometlabet .tekengebied-7-aowaxc.bp3-animate-enter218 {
  animation: bp3-animate-enter218-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp3-animate-enter218-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .sam-aowaxc {
  background-color: transparent;
  bottom: 29px;
  display: block;
  height: 128px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 107px;
  transform: translate(0, 25px);
  width: 162px;
}

.hometlabet .sam-aowaxc.bp3-animate-enter219 {
  animation: bp3-animate-enter219-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter219-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-18-Bxvchh {
  background-color: transparent;
  bottom: 271px;
  display: block;
  height: 110px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 44px;
  transform: translate(0, 25px);
  width: 96px;
}

.hometlabet .tekengebied-18-Bxvchh.bp3-animate-enter220 {
  animation: bp3-animate-enter220-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter220-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-15-Bxvchh {
  background-color: transparent;
  bottom: 122px;
  display: block;
  height: 71px;
  left: calc(47.94% - 35px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 73px;
}

.hometlabet .tekengebied-15-Bxvchh.bp3-animate-enter221 {
  animation: bp3-animate-enter221-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter221-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-19-kxYD1w {
  background-color: transparent;
  bottom: calc(22.65% - 13px);
  display: block;
  height: 57px;
  left: 49px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 58px;
}

.hometlabet .tekengebied-19-kxYD1w.bp3-animate-enter222 {
  animation: bp3-animate-enter222-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter222-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-17-Bxvchh {
  background-color: transparent;
  border-radius: 40px;
  bottom: 54px;
  display: block;
  height: 49px;
  left: calc(20.01% - 11px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 57px;
}

.hometlabet .tekengebied-17-Bxvchh.bp3-animate-enter223 {
  animation: bp3-animate-enter223-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter223-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-19-Bxvchh {
  background-color: transparent;
  display: block;
  height: 33px;
  left: 36px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(42.76% - 14px);
  transform: translate(0, 25px);
  width: 24px;
}

.hometlabet .tekengebied-19-Bxvchh.bp3-animate-enter224 {
  animation: bp3-animate-enter224-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter224-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .tekengebied-26-aowaxc {
  background-color: transparent;
  height: 73px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 99.99%;
}

.hometlabet .group-7914-aowaxc {
  background-color: transparent;
  height: 31px;
  position: absolute;
  right: calc(50.00% - 271px);
  top: 21px;
  width: 542px;
}

.hometlabet .tekengebied-32-zcVZDB {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 108px;
}

.hometlabet .tekengebied-32-zcVZDB.bp3-animate-enter225 {
  animation: bp3-animate-enter225-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter225-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .path-10-xw6kDz {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.hometlabet .home-xw6kDz {
  background-color: transparent;
  height: 19px;
  letter-spacing: 0.00px;
  line-height: 12.6px;
  position: absolute;
  right: calc(48.61% - 18px);
  text-align: left;
  top: 7px;
  white-space: nowrap;
  width: 36px;
}

.hometlabet .tekengebied-33-zcVZDB {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: calc(25.00% - 27px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 108px;
}

.hometlabet .tekengebied-33-zcVZDB.bp3-animate-enter226 {
  animation: bp3-animate-enter226-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter226-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .rectangle-16-6PGL60 {
  background-color: var(--green-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.hometlabet .stories-6PGL60 {
  background-color: transparent;
  bottom: calc(40.37% - 8px);
  height: 19px;
  letter-spacing: 0.00px;
  line-height: 12.6px;
  position: absolute;
  right: calc(48.85% - 19px);
  text-align: left;
  white-space: nowrap;
  width: 39px;
}

.hometlabet .span0-lfHXVe {
}

.hometlabet .span1-lfHXVe {
  letter-spacing: -0.12px;
}

.hometlabet .span2-lfHXVe {
}

.hometlabet .tekengebied-34-zcVZDB {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: calc(50.00% - 54px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 108px;
}

.hometlabet .tekengebied-34-zcVZDB.bp3-animate-enter227 {
  animation: bp3-animate-enter227-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter227-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .rectangle-17-MjrwKb {
  background-color: var(--bahama-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.hometlabet .crafting-MjrwKb {
  background-color: transparent;
  bottom: calc(40.37% - 8px);
  height: 19px;
  letter-spacing: 0.00px;
  line-height: 12.6px;
  position: absolute;
  right: calc(47.99% - 22px);
  text-align: left;
  white-space: nowrap;
  width: 46px;
}

.hometlabet .span0-2gRuOC {
}

.hometlabet .span1-2gRuOC {
  letter-spacing: -0.12px;
}

.hometlabet .span2-2gRuOC {
}

.hometlabet .span3-2gRuOC {
  letter-spacing: 0.12px;
}

.hometlabet .span4-2gRuOC {
}

.hometlabet .tekengebied-35-zcVZDB {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: calc(25.00% - 27px);
  top: 0px;
  transform: translate(0, 25px);
  width: 108px;
}

.hometlabet .tekengebied-35-zcVZDB.bp3-animate-enter228 {
  animation: bp3-animate-enter228-frames 1.20s ease-in 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter228-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .rectangle-18-LffvLb {
  background-color: var(--regal-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.hometlabet .shellet-LffvLb {
  background-color: transparent;
  bottom: calc(40.37% - 8px);
  height: 19px;
  letter-spacing: 0.00px;
  line-height: 12.6px;
  position: absolute;
  right: calc(48.70% - 19px);
  text-align: left;
  white-space: nowrap;
  width: 39px;
}

.hometlabet .tekengebied-36-zcVZDB {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: translate(0, 25px);
  width: 108px;
}

.hometlabet .tekengebied-36-zcVZDB.bp3-animate-enter229 {
  animation: bp3-animate-enter229-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter229-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .path-11-gxmII8 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.hometlabet .whitepaper-gxmII8 {
  background-color: transparent;
  bottom: calc(40.37% - 8px);
  height: 19px;
  letter-spacing: 0.00px;
  line-height: 12.6px;
  position: absolute;
  right: calc(44.36% - 30px);
  text-align: left;
  white-space: nowrap;
  width: 67px;
}

.hometlabet .span0-kwZUdk {
  letter-spacing: -0.12px;
}

.hometlabet .span1-kwZUdk {
}

.hometlabet .span2-kwZUdk {
  letter-spacing: -0.12px;
}

.hometlabet .span3-kwZUdk {
}

.hometlabet .logo_1_-kxYD1w {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 26px;
  left: 18px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 23px;
  transform: translate(25px, 0);
  width: 36px;
}

.hometlabet .logo_1_-kxYD1w.bp3-animate-enter230 {
  animation: bp3-animate-enter230-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp3-animate-enter230-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.hometlabet .discord-logo-black-kxYD1w {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 25px;
  left: 79px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 24px;
  transform: translate(25px, 0);
  width: 32px;
}

.hometlabet .discord-logo-black-kxYD1w.bp3-animate-enter231 {
  animation: bp3-animate-enter231-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp3-animate-enter231-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}
/* screen - index */

.index {
  background-color: var(--navy-blue);
  height: 100vh;
  margin: 0px;
  min-height: 4321px;
  min-width: 1920px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index .rectangle-29-IO3Fu5 {
  background-color: transparent;
  height: 1080px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .path-21-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 833px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 247px;
  transform: translate(0, 25px);
  width: 100%;
}

.index .path-21-IO3Fu5.bp1-animate-enter {
  animation: bp1-animate-enter-frames 1.20s ease 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .path-22-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 519px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 561px;
  transform: translate(0, 25px);
  width: 100%;
}

.index .path-22-IO3Fu5.bp1-animate-enter1 {
  animation: bp1-animate-enter1-frames 1.20s ease 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter1-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .path-23-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 283px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(19.74% - 56px);
  transform: translate(0, 25px);
  width: 100%;
}

.index .path-23-IO3Fu5.bp1-animate-enter2 {
  animation: bp1-animate-enter2-frames 1.20s ease 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter2-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .rectangle-32-IO3Fu5 {
  background-color: transparent;
  height: 1080px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(33.32% - 360px);
  width: 100%;
}

.index .path-30-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 833px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(38.05% - 317px);
  transform: translate(0, 25px);
  width: 100%;
}

.index .path-30-IO3Fu5.bp1-animate-enter3 {
  animation: bp1-animate-enter3-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter3-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .path-31-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 519px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(43.16% - 224px);
  transform: translate(0, 25px);
  width: 100%;
}

.index .path-31-IO3Fu5.bp1-animate-enter4 {
  animation: bp1-animate-enter4-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter4-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .path-32-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 283px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(46.48% - 132px);
  transform: translate(0, 25px);
  width: 100%;
}

.index .path-32-IO3Fu5.bp1-animate-enter5 {
  animation: bp1-animate-enter5-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter5-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .rectangle-33-IO3Fu5 {
  background-color: transparent;
  bottom: calc(33.35% - 360px);
  height: 1080px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.index .path-33-IO3Fu5 {
  background-color: transparent;
  bottom: calc(30.99% - 258px);
  display: block;
  height: 833px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.index .path-33-IO3Fu5.bp1-animate-enter6 {
  animation: bp1-animate-enter6-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter6-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .path-34-IO3Fu5 {
  background-color: transparent;
  bottom: calc(28.43% - 148px);
  display: block;
  height: 519px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.index .path-34-IO3Fu5.bp1-animate-enter7 {
  animation: bp1-animate-enter7-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter7-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .path-35-IO3Fu5 {
  background-color: transparent;
  bottom: calc(26.77% - 76px);
  display: block;
  height: 283px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.index .path-35-IO3Fu5.bp1-animate-enter8 {
  animation: bp1-animate-enter8-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter8-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .homepage-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 1080px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 167px;
  width: 100%;
}

.index .homepage-IO3Fu5.bp1-animate-enter9 {
  animation: bp1-animate-enter9-frames 1.20s ease-in 8.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter9-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.index .welcome-to-hotsacity-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 206px;
  left: 138px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: calc(33.12% - 68px);
  transform: translate(0, 25px);
  width: 952px;
}

.index .welcome-to-hotsacity-IO3Fu5.bp1-animate-enter10 {
  animation: bp1-animate-enter10-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter10-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .tekengebied-14-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 206px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 200px;
  top: calc(31.23% - 64px);
  transform: translate(0, 25px);
  width: 157px;
}

.index .tekengebied-14-IO3Fu5.bp1-animate-enter11 {
  animation: bp1-animate-enter11-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter11-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .promo-card-parts-are-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 81px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  right: 243px;
  text-align: left;
  top: calc(46.37% - 38px);
  transform: translate(0, 25px);
  width: 618px;
}

.index .promo-card-parts-are-IO3Fu5.bp1-animate-enter12 {
  animation: bp1-animate-enter12-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter12-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .gigantokrak-IO3Fu5 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 403px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(24.27% - 82px);
  top: calc(39.28% - 158px);
  transform: translate(0, 25px);
  width: 337px;
}

.index .gigantokrak-IO3Fu5.bp1-animate-enter13 {
  animation: bp1-animate-enter13-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter13-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .octomermaid-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 580px;
  left: calc(21.29% - 72px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(41.89% - 243px);
  transform: translate(0, 25px);
  width: 336px;
}

.index .octomermaid-IO3Fu5.bp1-animate-enter14 {
  animation: bp1-animate-enter14-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter14-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .tekengebied-17-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 98px;
  left: calc(38.09% - 30px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(30.55% - 30px);
  transform: translate(0, 25px);
  width: 79px;
}

.index .tekengebied-17-IO3Fu5.bp1-animate-enter15 {
  animation: bp1-animate-enter15-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter15-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .tekengebied-15-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 213px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(47.83% - 129px);
  top: calc(40.41% - 86px);
  transform: translate(0, 25px);
  width: 269px;
}

.index .tekengebied-15-IO3Fu5.bp1-animate-enter16 {
  animation: bp1-animate-enter16-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter16-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .tekengebied-16-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 38px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 216px;
  top: calc(48.82% - 19px);
  transform: translate(0, 25px);
  width: 33px;
}

.index .tekengebied-16-IO3Fu5.bp1-animate-enter17 {
  animation: bp1-animate-enter17-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter17-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .tekengebied-18-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 112px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 82px;
  top: calc(40.64% - 46px);
  transform: translate(0, 25px);
  width: 114px;
}

.index .tekengebied-18-IO3Fu5.bp1-animate-enter18 {
  animation: bp1-animate-enter18-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter18-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .tekengebied-19-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 77px;
  left: 82px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(42.74% - 33px);
  transform: translate(0, 25px);
  width: 56px;
}

.index .tekengebied-19-IO3Fu5.bp1-animate-enter19 {
  animation: bp1-animate-enter19-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter19-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .tekengebied-17-865xPf {
  background-color: transparent;
  border-radius: 40px;
  bottom: calc(44.30% - 131px);
  display: block;
  height: 297px;
  left: 168px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 289px;
}

.index .tekengebied-17-865xPf.bp1-animate-enter20 {
  animation: bp1-animate-enter20-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter20-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .tekengebied-18-865xPf {
  background-color: transparent;
  bottom: calc(41.10% - 62px);
  display: block;
  height: 151px;
  left: calc(33.61% - 52px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 154px;
}

.index .tekengebied-18-865xPf.bp1-animate-enter21 {
  animation: bp1-animate-enter21-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter21-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .hello-dear-survivors-IO3Fu5 {
  background-color: transparent;
  bottom: calc(36.09% - 113px);
  display: block;
  height: 312px;
  left: 114px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: 952px;
}

.index .hello-dear-survivors-IO3Fu5.bp1-animate-enter22 {
  animation: bp1-animate-enter22-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter22-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .tekengebied-2-IO3Fu5 {
  background-color: transparent;
  bottom: calc(45.55% - 72px);
  display: block;
  height: 157px;
  left: calc(45.47% - 306px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 672px;
}

.index .tekengebied-2-IO3Fu5.bp1-animate-enter23 {
  animation: bp1-animate-enter23-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter23-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .tekengebied-15-865xPf {
  background-color: transparent;
  bottom: calc(41.10% - 31px);
  display: block;
  height: 76px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(40.94% - 32px);
  transform: translate(0, 25px);
  width: 78px;
}

.index .tekengebied-15-865xPf.bp1-animate-enter24 {
  animation: bp1-animate-enter24-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter24-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .tekengebied-14-865xPf {
  background-color: transparent;
  bottom: calc(46.81% - 17px);
  display: block;
  height: 36px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(23.61% - 8px);
  transform: translate(0, 25px);
  width: 33px;
}

.index .tekengebied-14-865xPf.bp1-animate-enter25 {
  animation: bp1-animate-enter25-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter25-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .tekengebied-19-865xPf {
  background-color: transparent;
  bottom: calc(28.48% - 87px);
  display: block;
  height: 305px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(31.99% - 90px);
  transform: translate(0, 25px);
  width: 281px;
}

.index .tekengebied-19-865xPf.bp1-animate-enter26 {
  animation: bp1-animate-enter26-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter26-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .continue-reading-by-IO3Fu5 {
  background-color: transparent;
  bottom: calc(30.92% - 15px);
  display: block;
  height: 49px;
  left: 114px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: 952px;
}

.index .continue-reading-by-IO3Fu5.bp1-animate-enter27 {
  animation: bp1-animate-enter27-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter27-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .tekengebied-16-865xPf {
  background-color: transparent;
  bottom: calc(38.66% - 15px);
  display: block;
  height: 38px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 176px;
  transform: translate(0, 25px);
  width: 33px;
}

.index .tekengebied-16-865xPf.bp1-animate-enter28 {
  animation: bp1-animate-enter28-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter28-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .tekengebied-14-AGMxPx {
  background-color: transparent;
  bottom: calc(33.89% - 34px);
  display: block;
  height: 99px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(17.38% - 17px);
  transform: translate(0, 25px);
  width: 99px;
}

.index .tekengebied-14-AGMxPx.bp1-animate-enter29 {
  animation: bp1-animate-enter29-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter29-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .tekengebied-8-IO3Fu5 {
  background-color: transparent;
  bottom: calc(38.01% - 136px);
  display: block;
  height: 359px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 120px;
  transform: translate(0, 25px);
  width: 443px;
}

.index .tekengebied-8-IO3Fu5.bp1-animate-enter30 {
  animation: bp1-animate-enter30-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter30-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .tekengebied-6-IO3Fu5 {
  background-color: transparent;
  bottom: calc(29.89% - 130px);
  display: block;
  height: 434px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 114px;
  transform: translate(0, 25px);
  width: 411px;
}

.index .tekengebied-6-IO3Fu5.bp1-animate-enter31 {
  animation: bp1-animate-enter31-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter31-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .rectangle-40-IO3Fu5 {
  background-color: transparent;
  bottom: 1px;
  height: 1080px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.index .path-54-IO3Fu5 {
  background-color: transparent;
  bottom: 1px;
  display: block;
  height: 833px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.index .path-54-IO3Fu5.bp1-animate-enter32 {
  animation: bp1-animate-enter32-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter32-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .path-55-IO3Fu5 {
  background-color: transparent;
  bottom: 1px;
  display: block;
  height: 519px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.index .path-55-IO3Fu5.bp1-animate-enter33 {
  animation: bp1-animate-enter33-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter33-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .path-56-IO3Fu5 {
  background-color: transparent;
  bottom: 1px;
  display: block;
  height: 283px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.index .path-56-IO3Fu5.bp1-animate-enter34 {
  animation: bp1-animate-enter34-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter34-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .logo_1_-IO3Fu5 {
  background-color: transparent;
  bottom: 633px;
  cursor: pointer;
  display: block;
  height: 290px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(29.18% - 114px);
  transform: translate(25px, 0);
  width: 392px;
}

.index .logo_1_-IO3Fu5.bp1-animate-enter35 {
  animation: bp1-animate-enter35-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp1-animate-enter35-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .discord-logo-black-IO3Fu5 {
  background-color: transparent;
  bottom: 632px;
  cursor: pointer;
  display: block;
  height: 290px;
  left: calc(23.15% - 87px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(25px, 0);
  width: 374px;
}

.index .discord-logo-black-IO3Fu5.bp1-animate-enter36 {
  animation: bp1-animate-enter36-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp1-animate-enter36-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .for-more-information-IO3Fu5 {
  background-color: transparent;
  bottom: 397px;
  display: block;
  height: 150px;
  left: 197px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: 640px;
}

.index .for-more-information-IO3Fu5.bp1-animate-enter37 {
  animation: bp1-animate-enter37-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter37-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .follow-our-twitter-for-story-sneakpeaks-IO3Fu5 {
  background-color: transparent;
  bottom: 501px;
  display: block;
  height: 46px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  position: absolute;
  right: calc(28.30% - 127px);
  text-align: left;
  transform: translate(0, 25px);
  width: 450px;
}

.index .follow-our-twitter-for-story-sneakpeaks-IO3Fu5.bp1-animate-enter38 {
  animation: bp1-animate-enter38-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter38-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .tekengebied-7-IO3Fu5 {
  background-color: transparent;
  bottom: calc(19.60% - 92px);
  display: block;
  height: 467px;
  left: calc(47.01% - 220px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(25px, 0);
  width: 467px;
}

.index .tekengebied-7-IO3Fu5.bp1-animate-enter39 {
  animation: bp1-animate-enter39-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp1-animate-enter39-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .sam-IO3Fu5 {
  background-color: transparent;
  bottom: 68px;
  display: block;
  height: 295px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 247px;
  transform: translate(0, 25px);
  width: 372px;
}

.index .sam-IO3Fu5.bp1-animate-enter40 {
  animation: bp1-animate-enter40-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter40-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .tekengebied-18-AGMxPx {
  background-color: transparent;
  bottom: 624px;
  display: block;
  height: 254px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: 101px;
  transform: translate(0, 25px);
  width: 222px;
}

.index .tekengebied-18-AGMxPx.bp1-animate-enter41 {
  animation: bp1-animate-enter41-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter41-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .tekengebied-15-AGMxPx {
  background-color: transparent;
  bottom: 282px;
  display: block;
  height: 164px;
  left: calc(47.95% - 80px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 168px;
}

.index .tekengebied-15-AGMxPx.bp1-animate-enter42 {
  animation: bp1-animate-enter42-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter42-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .tekengebied-19-AGMxPx {
  background-color: transparent;
  bottom: calc(22.68% - 30px);
  display: block;
  height: 131px;
  left: 113px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 134px;
}

.index .tekengebied-19-AGMxPx.bp1-animate-enter43 {
  animation: bp1-animate-enter43-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter43-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .tekengebied-17-AGMxPx {
  background-color: transparent;
  border-radius: 40px;
  bottom: 127px;
  display: block;
  height: 114px;
  left: calc(20.02% - 26px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 132px;
}

.index .tekengebied-17-AGMxPx.bp1-animate-enter44 {
  animation: bp1-animate-enter44-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter44-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .navbar-background-IO3Fu5 {
  background-color: transparent;
  height: 167px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .group-7913-IO3Fu5 {
  background-color: transparent;
  height: 72px;
  left: calc(50.00% - 624px);
  position: absolute;
  top: 47px;
  width: 1248px;
}

.index .whitepaper-xM0kn9 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 1px;
  top: 0px;
  transform: translate(0, 25px);
  width: 250px;
}

.index .whitepaper-xM0kn9.bp1-animate-enter45 {
  animation: bp1-animate-enter45-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter45-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .path-18-pVNvPW {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index .whitepaper-pVNvPW {
  background-color: transparent;
  bottom: calc(45.21% - 18px);
  height: 40px;
  letter-spacing: 0.00px;
  line-height: 29px;
  position: absolute;
  right: calc(46.20% - 70px);
  text-align: left;
  white-space: nowrap;
  width: 151px;
}

.index .span0-vt1Omo {
}

.index .span1-vt1Omo {
  letter-spacing: -0.29px;
}

.index .span2-vt1Omo {
}

.index .crafting-xM0kn9 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: calc(50.00% - 125px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 250px;
}

.index .crafting-xM0kn9.bp1-animate-enter46 {
  animation: bp1-animate-enter46-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter46-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .rectangle-26-M2R18M {
  background-color: var(--bahama-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .crafting-M2R18M {
  background-color: transparent;
  bottom: calc(45.21% - 18px);
  height: 40px;
  letter-spacing: 0.00px;
  line-height: 29px;
  position: absolute;
  right: calc(48.67% - 51px);
  text-align: left;
  white-space: nowrap;
  width: 104px;
}

.index .span0-SD4xdn {
}

.index .span1-SD4xdn {
  letter-spacing: 0.29px;
}

.index .span2-SD4xdn {
}

.index .home-xM0kn9 {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 250px;
}

.index .home-xM0kn9.bp1-animate-enter47 {
  animation: bp1-animate-enter47-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter47-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .path-19-mNDHah {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index .home-mNDHah {
  background-color: transparent;
  height: 40px;
  letter-spacing: 0.00px;
  line-height: 29px;
  position: absolute;
  right: calc(49.49% - 40px);
  text-align: left;
  top: calc(48.35% - 19px);
  white-space: nowrap;
  width: 80px;
}

.index .stories-xM0kn9 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: calc(25.00% - 62px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 250px;
}

.index .stories-xM0kn9.bp1-animate-enter48 {
  animation: bp1-animate-enter48-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter48-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .rectangle-28-NKs58a {
  background-color: var(--green-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .stories-NKs58a {
  background-color: transparent;
  bottom: calc(45.21% - 18px);
  height: 40px;
  letter-spacing: 0.00px;
  line-height: 29px;
  position: absolute;
  right: calc(49.42% - 43px);
  text-align: left;
  white-space: nowrap;
  width: 88px;
}

.index .span0-ZvpI8L {
}

.index .span1-ZvpI8L {
  letter-spacing: -0.29px;
}

.index .span2-ZvpI8L {
}

.index .shellet-xM0kn9 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: calc(25.00% - 62px);
  top: 0px;
  transform: translate(0, 25px);
  width: 250px;
}

.index .shellet-xM0kn9.bp1-animate-enter49 {
  animation: bp1-animate-enter49-frames 1.20s ease-in 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter49-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .rectangle-3-SKAnEx {
  background-color: var(--regal-blue);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .shellet-SKAnEx {
  background-color: transparent;
  bottom: calc(45.21% - 18px);
  height: 40px;
  letter-spacing: 0.00px;
  line-height: 29px;
  position: absolute;
  right: calc(49.26% - 43px);
  text-align: left;
  white-space: nowrap;
  width: 88px;
}

.index .logo_1_-865xPf {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 58px;
  left: 65px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 54px;
  transform: translate(25px, 0);
  width: 79px;
}

.index .logo_1_-865xPf.bp1-animate-enter50 {
  animation: bp1-animate-enter50-frames 1.20s ease-in 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp1-animate-enter50-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .discord-logo-black-865xPf {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 65px;
  left: 196px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 48px;
  transform: translate(25px, 0);
  width: 83px;
}

.index .discord-logo-black-865xPf.bp1-animate-enter51 {
  animation: bp1-animate-enter51-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp1-animate-enter51-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}
@media screen and (max-width: 833px) {
  .screen.index { 
    display: none;
   }
  .screen.home1366 { 
    display: none;
   }
  .screen.hometlabet { 
    display: none;
   }
}
@media screen and (min-width: 834px) and (max-width: 1365px) {
  .screen.index { 
    display: none;
   }
  .screen.home1366 { 
    display: none;
   }
  .screen.homemobile { 
    display: none;
   }
}
@media screen and (min-width: 1366px) and (max-width: 1919px) {
  .screen.index { 
    display: none;
   }
  .screen.hometlabet { 
    display: none;
   }
  .screen.homemobile { 
    display: none;
   }
}
@media screen and (min-width: 1920px) {
  .screen.home1366 { 
    display: none;
   }
  .screen.hometlabet { 
    display: none;
   }
  .screen.homemobile { 
    display: none;
   }
}