/* screen - stories1366 */

.stories1366 {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 1656px;
  min-width: 1366px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.stories1366 .rectangle-1-n0Zkzx {
  background-color: transparent;
  height: 769px;
  left: -1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 1px);
}

.stories1366 .path-1-n0Zkzx {
  background-color: transparent;
  display: block;
  height: 593px;
  left: -1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 176px;
  transform: translate(0, 25px);
  width: calc(100.00% + 1px);
}

.stories1366 .path-1-n0Zkzx.bp3-animate-enter {
  animation: bp3-animate-enter-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.stories1366 .path-2-n0Zkzx {
  background-color: transparent;
  display: block;
  height: 369px;
  left: -1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(31.04% - 115px);
  transform: translate(0, 25px);
  width: calc(100.00% + 1px);
}

.stories1366 .path-2-n0Zkzx.bp3-animate-enter1 {
  animation: bp3-animate-enter1-frames 1.20s ease 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.stories1366 .path-3-n0Zkzx {
  background-color: transparent;
  display: block;
  height: 201px;
  left: -1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(39.00% - 79px);
  transform: translate(0, 25px);
  width: calc(100.00% + 1px);
}

.stories1366 .path-3-n0Zkzx.bp3-animate-enter2 {
  animation: bp3-animate-enter2-frames 1.20s ease 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.stories1366 .rectangle-5-n0Zkzx {
  background-color: transparent;
  bottom: 2px;
  display: block;
  height: 117px;
  left: -1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: calc(100.00% + 1px);
}

.stories1366 .rectangle-5-n0Zkzx.bp3-animate-enter3 {
  animation: bp3-animate-enter3-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.stories1366 .rectangle-5252-n0Zkzx {
  background-color: transparent;
  bottom: 119px;
  height: 768px;
  left: -1px;
  object-fit: cover;
  position: absolute;
  width: calc(100.00% + 1px);
}

.stories1366 .path-3718-n0Zkzx {
  background-color: transparent;
  bottom: 119px;
  display: block;
  height: 593px;
  left: -1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: calc(100.00% + 1px);
}

.stories1366 .path-3718-n0Zkzx.bp3-animate-enter4 {
  animation: bp3-animate-enter4-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.stories1366 .path-3719-n0Zkzx {
  background-color: transparent;
  bottom: 119px;
  display: block;
  height: 369px;
  left: -1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: calc(100.00% + 1px);
}

.stories1366 .path-3719-n0Zkzx.bp3-animate-enter5 {
  animation: bp3-animate-enter5-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.stories1366 .path-3720-n0Zkzx {
  background-color: transparent;
  bottom: 119px;
  display: block;
  height: 201px;
  left: -1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: calc(100.00% + 1px);
}

.stories1366 .path-3720-n0Zkzx.bp3-animate-enter6 {
  animation: bp3-animate-enter6-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.stories1366 .storysnake-n0Zkzx {
  background-color: transparent;
  display: block;
  height: 769px;
  left: -1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 119px;
  width: calc(100.00% + 1px);
}

.stories1366 .storysnake-n0Zkzx.bp3-animate-enter7 {
  animation: bp3-animate-enter7-frames 1.20s ease-in 8.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.stories1366 .storypagebb-n0Zkzx {
  background-color: transparent;
  bottom: 0px;
  display: block;
  height: 768px;
  left: -2px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: calc(100.00% + 2px);
}

.stories1366 .storypagebb-n0Zkzx.bp3-animate-enter8 {
  animation: bp3-animate-enter8-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.stories1366 .buttonm-n0Zkzx {
  background-color: transparent;
  bottom: calc(22.35% - 60px);
  cursor: pointer;
  height: 270px;
  object-fit: cover;
  position: absolute;
  right: calc(28.39% - 47px);
  width: 167px;
}

.stories1366 .buttongrandma-n0Zkzx {
  background-color: transparent;
  bottom: calc(22.21% - 61px);
  cursor: pointer;
  height: 275px;
  object-fit: cover;
  position: absolute;
  right: 62px;
  width: 175px;
}

.stories1366 .buttonm-YHAzTs {
  background-color: transparent;
  bottom: calc(21.59% - 58px);
  cursor: pointer;
  height: 270px;
  left: calc(28.10% - 47px);
  object-fit: cover;
  position: absolute;
  width: 167px;
}

.stories1366 .buttonm-vxi3Ht {
  background-color: transparent;
  bottom: calc(21.59% - 58px);
  cursor: pointer;
  height: 270px;
  left: 65px;
  object-fit: cover;
  position: absolute;
  width: 167px;
}

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

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

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

.stories1366 .tekengebied-20-WoR0jB.bp3-animate-enter9 {
  animation: bp3-animate-enter9-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.stories1366 .whitepaper-xSnebB {
  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;
}

.stories1366 .span0-888zHg {
}

.stories1366 .span1-888zHg {
  letter-spacing: -0.20px;
}

.stories1366 .span2-888zHg {
}

.stories1366 .tekengebied-21-WoR0jB {
  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;
}

.stories1366 .tekengebied-21-WoR0jB.bp3-animate-enter10 {
  animation: bp3-animate-enter10-frames 1.20s ease-in 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.stories1366 .shellet-o0Awxr {
  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;
}

.stories1366 .tekengebied-22-WoR0jB {
  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;
}

.stories1366 .tekengebied-22-WoR0jB.bp3-animate-enter11 {
  animation: bp3-animate-enter11-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.stories1366 .crafting-d5bYz6 {
  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;
}

.stories1366 .span0-M7voD8 {
}

.stories1366 .span1-M7voD8 {
  letter-spacing: 0.20px;
}

.stories1366 .span2-M7voD8 {
}

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

.stories1366 .tekengebied-23-WoR0jB.bp3-animate-enter12 {
  animation: bp3-animate-enter12-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.stories1366 .rectangle-11-xxVAHH {
  background-color: var(--shakespeare);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.stories1366 .stories-xxVAHH {
  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;
}

.stories1366 .span0-hpRVYu {
}

.stories1366 .span1-hpRVYu {
  letter-spacing: -0.20px;
}

.stories1366 .span2-hpRVYu {
}

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

.stories1366 .tekengebied-24-WoR0jB.bp3-animate-enter13 {
  animation: bp3-animate-enter13-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.stories1366 .home-R8pFxI {
  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;
}

.stories1366 .logo_1_-n0Zkzx {
  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;
}

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

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

.stories1366 .discord-logo-black-n0Zkzx {
  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;
}

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

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

.stories1920 {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 2325px;
  min-width: 1920px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

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

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

.stories1920 .path-1-bL0FxL.bp4-animate-enter {
  animation: bp4-animate-enter-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.stories1920 .path-2-bL0FxL {
  background-color: transparent;
  display: block;
  height: 519px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(31.07% - 161px);
  transform: translate(0, 25px);
  width: 100%;
}

.stories1920 .path-2-bL0FxL.bp4-animate-enter1 {
  animation: bp4-animate-enter1-frames 1.20s ease 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.stories1920 .path-3-bL0FxL {
  background-color: transparent;
  display: block;
  height: 283px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(39.03% - 110px);
  transform: translate(0, 25px);
  width: 100%;
}

.stories1920 .path-3-bL0FxL.bp4-animate-enter2 {
  animation: bp4-animate-enter2-frames 1.20s ease 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.stories1920 .rectangle-5-bL0FxL {
  background-color: transparent;
  bottom: 1px;
  display: block;
  height: 164px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.stories1920 .rectangle-5-bL0FxL.bp4-animate-enter3 {
  animation: bp4-animate-enter3-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.stories1920 .rectangle-5252-bL0FxL {
  background-color: transparent;
  bottom: 165px;
  height: 1080px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

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

.stories1920 .path-3718-bL0FxL.bp4-animate-enter4 {
  animation: bp4-animate-enter4-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.stories1920 .path-3719-bL0FxL.bp4-animate-enter5 {
  animation: bp4-animate-enter5-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.stories1920 .path-3720-bL0FxL.bp4-animate-enter6 {
  animation: bp4-animate-enter6-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.stories1920 .storysnake-bL0FxL.bp4-animate-enter7 {
  animation: bp4-animate-enter7-frames 1.20s ease-in 8.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.stories1920 .storypagebb-bL0FxL {
  background-color: transparent;
  bottom: -2px;
  display: block;
  height: 1080px;
  left: -2px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: calc(100.00% + 2px);
}

.stories1920 .storypagebb-bL0FxL.bp4-animate-enter8 {
  animation: bp4-animate-enter8-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.stories1920 .buttonm-bL0FxL {
  background-color: transparent;
  bottom: calc(22.28% - 84px);
  cursor: pointer;
  height: 379px;
  object-fit: cover;
  position: absolute;
  right: calc(28.37% - 66px);
  width: 234px;
}

.stories1920 .buttongrandma-bL0FxL {
  background-color: transparent;
  bottom: calc(22.18% - 85px);
  cursor: pointer;
  height: 384px;
  object-fit: cover;
  position: absolute;
  right: 88px;
  width: 243px;
}

.stories1920 .buttonm-fDUSCG {
  background-color: transparent;
  bottom: calc(21.53% - 82px);
  cursor: pointer;
  height: 379px;
  left: calc(28.14% - 66px);
  object-fit: cover;
  position: absolute;
  width: 234px;
}

.stories1920 .buttonm-QWAebu {
  background-color: transparent;
  bottom: calc(21.53% - 82px);
  cursor: pointer;
  height: 379px;
  left: 92px;
  object-fit: cover;
  position: absolute;
  width: 234px;
}

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

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

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

.stories1920 .whitepaper-W69iIe.bp4-animate-enter9 {
  animation: bp4-animate-enter9-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.stories1920 .whitepaper-tbN8Tt {
  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;
}

.stories1920 .span0-vyKjUW {
}

.stories1920 .span1-vyKjUW {
  letter-spacing: -0.29px;
}

.stories1920 .span2-vyKjUW {
}

.stories1920 .crafting-W69iIe {
  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;
}

.stories1920 .crafting-W69iIe.bp4-animate-enter10 {
  animation: bp4-animate-enter10-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.stories1920 .crafting-gXm6Sy {
  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;
}

.stories1920 .span0-4xqvzM {
}

.stories1920 .span1-4xqvzM {
  letter-spacing: 0.29px;
}

.stories1920 .span2-4xqvzM {
}

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

.stories1920 .home-W69iIe.bp4-animate-enter11 {
  animation: bp4-animate-enter11-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.stories1920 .home-glfTLl {
  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;
}

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

.stories1920 .stories-W69iIe.bp4-animate-enter12 {
  animation: bp4-animate-enter12-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.stories1920 .stories-j3DVXc {
  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;
}

.stories1920 .span0-sCMld3 {
}

.stories1920 .span1-sCMld3 {
  letter-spacing: -0.29px;
}

.stories1920 .span2-sCMld3 {
}

.stories1920 .shellet-W69iIe {
  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;
}

.stories1920 .shellet-W69iIe.bp4-animate-enter13 {
  animation: bp4-animate-enter13-frames 1.20s ease-in 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.stories1920 .shellet-VvSoKN {
  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;
}

.stories1920 .logo_1_-bL0FxL {
  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;
}

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

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

.stories1920 .discord-logo-black-bL0FxL {
  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;
}

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

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

.storiesmobile {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 805px;
  min-width: 375px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

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

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

.storiesmobile .path-1-Mk6Ng1.bp1-animate-enter143 {
  animation: bp1-animate-enter143-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.storiesmobile .path-2-Mk6Ng1 {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 109px;
  transform: translate(0, 25px);
  width: 100%;
}

.storiesmobile .path-2-Mk6Ng1.bp1-animate-enter144 {
  animation: bp1-animate-enter144-frames 1.20s ease 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.storiesmobile .path-3-Mk6Ng1 {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(20.74% - 11px);
  transform: translate(0, 25px);
  width: 100%;
}

.storiesmobile .path-3-Mk6Ng1.bp1-animate-enter145 {
  animation: bp1-animate-enter145-frames 1.20s ease 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.storiesmobile .rectangle-5-Mk6Ng1 {
  background-color: transparent;
  bottom: calc(45.41% - 15px);
  display: block;
  height: 32px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.storiesmobile .rectangle-5-Mk6Ng1.bp1-animate-enter146 {
  animation: bp1-animate-enter146-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.storiesmobile .rectangle-5252-Mk6Ng1 {
  background-color: transparent;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(35.52% - 75px);
  width: 100%;
}

.storiesmobile .path-3718-Mk6Ng1 {
  background-color: transparent;
  display: block;
  height: 162px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(40.31% - 65px);
  transform: translate(0, 25px);
  width: 100%;
}

.storiesmobile .path-3718-Mk6Ng1.bp1-animate-enter147 {
  animation: bp1-animate-enter147-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.storiesmobile .path-3719-Mk6Ng1 {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(45.50% - 46px);
  transform: translate(0, 25px);
  width: 100%;
}

.storiesmobile .path-3719-Mk6Ng1.bp1-animate-enter148 {
  animation: bp1-animate-enter148-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.storiesmobile .path-3720-Mk6Ng1 {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(48.84% - 27px);
  transform: translate(0, 25px);
  width: 100%;
}

.storiesmobile .path-3720-Mk6Ng1.bp1-animate-enter149 {
  animation: bp1-animate-enter149-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.storiesmobile .storysnake-Mk6Ng1.bp1-animate-enter150 {
  animation: bp1-animate-enter150-frames 1.20s ease-in 8.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.storiesmobile .storypagebb-Mk6Ng1 {
  background-color: transparent;
  display: block;
  height: 211px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(40.91% - 86px);
  transform: translate(0, 25px);
  width: 100%;
}

.storiesmobile .storypagebb-Mk6Ng1.bp1-animate-enter151 {
  animation: bp1-animate-enter151-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.storiesmobile .buttonm-Mk6Ng1 {
  background-color: transparent;
  cursor: pointer;
  height: 74px;
  object-fit: cover;
  position: absolute;
  right: calc(28.34% - 13px);
  top: calc(40.37% - 30px);
  width: 46px;
}

.storiesmobile .buttongrandma-Mk6Ng1 {
  background-color: transparent;
  cursor: pointer;
  height: 80px;
  object-fit: cover;
  position: absolute;
  right: 15px;
  top: calc(40.31% - 32px);
  width: 52px;
}

.storiesmobile .buttonm-O8xUWj {
  background-color: transparent;
  cursor: pointer;
  height: 74px;
  left: calc(28.22% - 13px);
  object-fit: cover;
  position: absolute;
  top: calc(40.76% - 30px);
  width: 46px;
}

.storiesmobile .buttonm-BqNOi0 {
  background-color: transparent;
  cursor: pointer;
  height: 74px;
  left: 18px;
  object-fit: cover;
  position: absolute;
  top: calc(40.76% - 30px);
  width: 46px;
}

.storiesmobile .storybbtab-Mk6Ng1 {
  background-color: transparent;
  bottom: 0px;
  height: 351px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

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

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

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

.storiesmobile .tekengebied-44-Okkv0v.bp1-animate-enter152 {
  animation: bp1-animate-enter152-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.storiesmobile .home-WqXHNz {
  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;
}

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

.storiesmobile .tekengebied-45-Okkv0v.bp1-animate-enter153 {
  animation: bp1-animate-enter153-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.storiesmobile .rectangle-23-hrMw0I {
  background-color: var(--shakespeare);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.storiesmobile .stories-hrMw0I {
  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;
}

.storiesmobile .span0-Sv5G1N {
}

.storiesmobile .span1-Sv5G1N {
  letter-spacing: -0.05px;
}

.storiesmobile .span2-Sv5G1N {
}

.storiesmobile .tekengebied-46-Okkv0v {
  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;
}

.storiesmobile .tekengebied-46-Okkv0v.bp1-animate-enter154 {
  animation: bp1-animate-enter154-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.storiesmobile .crafting-9YnYo4 {
  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;
}

.storiesmobile .span0-NETz6p {
}

.storiesmobile .span1-NETz6p {
  letter-spacing: 0.05px;
}

.storiesmobile .span2-NETz6p {
}

.storiesmobile .tekengebied-47-Okkv0v {
  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;
}

.storiesmobile .tekengebied-47-Okkv0v.bp1-animate-enter155 {
  animation: bp1-animate-enter155-frames 1.20s ease-in 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.storiesmobile .shellet-3Ej74z {
  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;
}

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

.storiesmobile .tekengebied-48-Okkv0v.bp1-animate-enter156 {
  animation: bp1-animate-enter156-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.storiesmobile .whitepaper-5cU3Pp {
  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;
}

.storiesmobile .span0-1UWO7x {
  letter-spacing: -0.05px;
}

.storiesmobile .span1-1UWO7x {
}

.storiesmobile .span2-1UWO7x {
  letter-spacing: -0.05px;
}

.storiesmobile .span3-1UWO7x {
}

.storiesmobile .logo_1_-Mk6Ng1 {
  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;
}

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

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

.storiesmobile .discord-logo-black-Mk6Ng1 {
  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;
}

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

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

.storiestablet {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 1194px;
  min-width: 834px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.storiestablet .rectangle-1-yizhpw {
  background-color: transparent;
  height: 470px;
  left: -1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 1px);
}

.storiestablet .path-1-yizhpw {
  background-color: transparent;
  display: block;
  height: 362px;
  left: -1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 108px;
  transform: translate(0, 25px);
  width: calc(100.00% + 1px);
}

.storiestablet .path-1-yizhpw.bp2-animate-enter59 {
  animation: bp2-animate-enter59-frames 1.20s ease-in 5.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.storiestablet .path-2-yizhpw {
  background-color: transparent;
  display: block;
  height: 226px;
  left: -1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(25.20% - 57px);
  transform: translate(0, 25px);
  width: calc(100.00% + 1px);
}

.storiestablet .path-2-yizhpw.bp2-animate-enter60 {
  animation: bp2-animate-enter60-frames 1.20s ease 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.storiestablet .path-3-yizhpw {
  background-color: transparent;
  display: block;
  height: 123px;
  left: -1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(32.37% - 40px);
  transform: translate(0, 25px);
  width: calc(100.00% + 1px);
}

.storiestablet .path-3-yizhpw.bp2-animate-enter61 {
  animation: bp2-animate-enter61-frames 1.20s ease 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.storiestablet .rectangle-5-yizhpw {
  background-color: transparent;
  bottom: calc(16.30% - 12px);
  display: block;
  height: 71px;
  left: -1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  width: calc(100.00% + 1px);
}

.storiestablet .rectangle-5-yizhpw.bp2-animate-enter62 {
  animation: bp2-animate-enter62-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.storiestablet .rectangle-5252-yizhpw {
  background-color: transparent;
  bottom: calc(35.08% - 165px);
  height: 470px;
  left: -1px;
  object-fit: cover;
  position: absolute;
  width: calc(100.00% + 1px);
}

.storiestablet .path-3718-yizhpw {
  background-color: transparent;
  bottom: calc(30.59% - 111px);
  display: block;
  height: 362px;
  left: -1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: calc(100.00% + 1px);
}

.storiestablet .path-3718-yizhpw.bp2-animate-enter63 {
  animation: bp2-animate-enter63-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.storiestablet .path-3719-yizhpw {
  background-color: transparent;
  bottom: calc(26.28% - 59px);
  display: block;
  height: 226px;
  left: -1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: calc(100.00% + 1px);
}

.storiestablet .path-3719-yizhpw.bp2-animate-enter64 {
  animation: bp2-animate-enter64-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.storiestablet .path-3720-yizhpw {
  background-color: transparent;
  bottom: calc(23.76% - 29px);
  display: block;
  height: 123px;
  left: -1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: calc(100.00% + 1px);
}

.storiestablet .path-3720-yizhpw.bp2-animate-enter65 {
  animation: bp2-animate-enter65-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.storiestablet .storysnake-yizhpw {
  background-color: transparent;
  display: block;
  height: 469px;
  left: -1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 73px;
  width: calc(100.00% + 1px);
}

.storiestablet .storysnake-yizhpw.bp2-animate-enter66 {
  animation: bp2-animate-enter66-frames 1.20s ease-in 8.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.storiestablet .storypagebb-yizhpw {
  background-color: transparent;
  bottom: calc(25.14% - 118px);
  display: block;
  height: 470px;
  left: -2px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: calc(100.00% + 2px);
}

.storiestablet .storypagebb-yizhpw.bp2-animate-enter67 {
  animation: bp2-animate-enter67-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.storiestablet .buttonm-yizhpw {
  background-color: transparent;
  bottom: calc(36.08% - 59px);
  cursor: pointer;
  height: 165px;
  object-fit: cover;
  position: absolute;
  right: calc(28.42% - 29px);
  width: 102px;
}

.storiestablet .buttongrandma-yizhpw {
  background-color: transparent;
  bottom: calc(35.97% - 61px);
  cursor: pointer;
  height: 170px;
  object-fit: cover;
  position: absolute;
  right: 37px;
  width: 109px;
}

.storiestablet .buttonm-Gl5MnH {
  background-color: transparent;
  bottom: calc(35.46% - 58px);
  cursor: pointer;
  height: 165px;
  left: calc(28.03% - 29px);
  object-fit: cover;
  position: absolute;
  width: 102px;
}

.storiestablet .buttonm-SwPinQ {
  background-color: transparent;
  bottom: calc(35.46% - 58px);
  cursor: pointer;
  height: 165px;
  left: 39px;
  object-fit: cover;
  position: absolute;
  width: 102px;
}

.storiestablet .storybbtab-yizhpw {
  background-color: transparent;
  bottom: -598px;
  height: 781px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

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

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

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

.storiestablet .tekengebied-32-E2UZSJ.bp2-animate-enter68 {
  animation: bp2-animate-enter68-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.storiestablet .home-tNXtOo {
  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;
}

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

.storiestablet .tekengebied-33-E2UZSJ.bp2-animate-enter69 {
  animation: bp2-animate-enter69-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.storiestablet .rectangle-16-u0at4P {
  background-color: var(--shakespeare);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.storiestablet .stories-u0at4P {
  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;
}

.storiestablet .span0-rbDK8U {
}

.storiestablet .span1-rbDK8U {
  letter-spacing: -0.12px;
}

.storiestablet .span2-rbDK8U {
}

.storiestablet .tekengebied-34-E2UZSJ {
  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;
}

.storiestablet .tekengebied-34-E2UZSJ.bp2-animate-enter70 {
  animation: bp2-animate-enter70-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.storiestablet .crafting-qvfivW {
  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;
}

.storiestablet .span0-aH04nH {
}

.storiestablet .span1-aH04nH {
  letter-spacing: -0.12px;
}

.storiestablet .span2-aH04nH {
}

.storiestablet .span3-aH04nH {
  letter-spacing: 0.12px;
}

.storiestablet .span4-aH04nH {
}

.storiestablet .tekengebied-35-E2UZSJ {
  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;
}

.storiestablet .tekengebied-35-E2UZSJ.bp2-animate-enter71 {
  animation: bp2-animate-enter71-frames 1.20s ease-in 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.storiestablet .shellet-02vP0J {
  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;
}

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

.storiestablet .tekengebied-36-E2UZSJ.bp2-animate-enter72 {
  animation: bp2-animate-enter72-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.storiestablet .whitepaper-9fBCkA {
  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;
}

.storiestablet .span0-JkRJk9 {
  letter-spacing: -0.12px;
}

.storiestablet .span1-JkRJk9 {
}

.storiestablet .span2-JkRJk9 {
  letter-spacing: -0.12px;
}

.storiestablet .span3-JkRJk9 {
}

.storiestablet .logo_1_-yizhpw {
  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;
}

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

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

.storiestablet .discord-logo-black-yizhpw {
  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;
}

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

@keyframes bp2-animate-enter74-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}
@media screen and (max-width: 833px) {
  .screen.stories1920 { 
    display: none;
   }
  .screen.stories1366 { 
    display: none;
   }
  .screen.storiestablet { 
    display: none;
   }
}
@media screen and (min-width: 834px) and (max-width: 1365px) {
  .screen.stories1920 { 
    display: none;
   }
  .screen.stories1366 { 
    display: none;
   }
  .screen.storiesmobile { 
    display: none;
   }
}
@media screen and (min-width: 1366px) and (max-width: 1919px) {
  .screen.stories1920 { 
    display: none;
   }
  .screen.storiestablet { 
    display: none;
   }
  .screen.storiesmobile { 
    display: none;
   }
}
@media screen and (min-width: 1920px) {
  .screen.stories1366 { 
    display: none;
   }
  .screen.storiestablet { 
    display: none;
   }
  .screen.storiesmobile { 
    display: none;
   }
}