/* screen - shellet1366 */

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

.shellet1366 .rectangle-29-67CPji {
  background-color: var(--navy-blue);
  height: calc(100.00% - 117px);
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.shellet1366 .path-21-67CPji {
  background-color: transparent;
  bottom: 117px;
  display: block;
  height: 592px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

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

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

.shellet1366 .path-22-67CPji {
  background-color: transparent;
  bottom: 117px;
  display: block;
  height: 369px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

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

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

.shellet1366 .path-23-67CPji {
  background-color: transparent;
  bottom: 117px;
  display: block;
  height: 201px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

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

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

.shellet1366 .illustratie-4-67CPji {
  background-color: transparent;
  height: calc(100.00% - 117px);
  left: 0px;
  position: absolute;
  top: 119px;
  width: 100%;
}

.shellet1366 .group-7909-8pWX3S {
  background-color: transparent;
  height: 100%;
  left: 0px;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 100%;
}

.shellet1366 .group-7908-lNLTVs {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.shellet1366 .rectangle-5349-ciFe6f {
  background-color: var(--astral);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.shellet1366 .group-7907-ciFe6f {
  background-color: transparent;
  height: 100%;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 100%;
}

.shellet1366 .path-4011-v49lJY {
  background-color: transparent;
  height: calc(100.00% - 192px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 193px;
  width: 100%;
}

.shellet1366 .path-4012-v49lJY {
  background-color: transparent;
  bottom: 0px;
  height: 365px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.shellet1366 .path-4013-v49lJY {
  background-color: transparent;
  bottom: 0px;
  height: 179px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.shellet1366 .group-7906-v49lJY {
  background-color: transparent;
  bottom: 77px;
  height: 498px;
  left: 128px;
  opacity: 0.43;
  position: absolute;
  width: calc(100.00% - 257px);
}

.shellet1366 .group-7905-jD0fBW {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.shellet1366 .illustratie-5-67CPji {
  background-color: transparent;
  height: 56px;
  position: absolute;
  right: calc(50.00% - 101px);
  top: 132px;
  width: 203px;
}

.shellet1366 .group-7911-vy9up8 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 100%;
}

.shellet1366 .group-7910-bsf8ff {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.shellet1366 .path-4014-DaJFSK {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.shellet1366 .path-4015-DaJFSK {
  background-color: transparent;
  height: calc(100.00% - 24px);
  left: 15px;
  object-fit: cover;
  position: absolute;
  top: 12px;
  width: calc(100.00% - 31px);
}

.shellet1366 .tekengebied-12-67CPji {
  background-color: transparent;
  height: 57px;
  left: calc(50.00% - 65px);
  object-fit: cover;
  position: absolute;
  top: calc(23.79% - 14px);
  width: 130px;
}

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

.shellet1366 .group-7942-67CPji {
  background-color: transparent;
  height: 54px;
  left: calc(49.95% - 443px);
  position: absolute;
  top: 31px;
  width: 887px;
}

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

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

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

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

.shellet1366 .whitepaper-MmqHix {
  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;
}

.shellet1366 .span0-XsN1hx {
}

.shellet1366 .span1-XsN1hx {
  letter-spacing: -0.20px;
}

.shellet1366 .span2-XsN1hx {
}

.shellet1366 .tekengebied-21-njx5J9 {
  background-color: transparent;
  display: block;
  height: calc(100.00% - 3px);
  opacity: 0;
  position: absolute;
  right: calc(25.01% - 44px);
  top: 0px;
  transform: translate(0, 25px);
  width: 177px;
}

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

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

.shellet1366 .rectangle-9-DeMWEY {
  background-color: var(--shakespeare);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.shellet1366 .shellet-DeMWEY {
  background-color: transparent;
  bottom: calc(31.42% - 9px);
  height: 29px;
  letter-spacing: 0.00px;
  line-height: 20.6px;
  position: absolute;
  right: calc(49.13% - 31px);
  text-align: left;
  white-space: nowrap;
  width: 63px;
}

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

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

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

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

.shellet1366 .crafting-SRumgy {
  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;
}

.shellet1366 .span0-k6z74B {
}

.shellet1366 .span1-k6z74B {
  letter-spacing: 0.20px;
}

.shellet1366 .span2-k6z74B {
}

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

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

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

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

.shellet1366 .stories-X0YPOV {
  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;
}

.shellet1366 .span0-BhzBRc {
}

.shellet1366 .span1-BhzBRc {
  letter-spacing: -0.20px;
}

.shellet1366 .span2-BhzBRc {
}

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

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

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

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

.shellet1366 .home-JXrvmh {
  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;
}

.shellet1366 .logo_1_-67CPji {
  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;
}

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

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

.shellet1366 .discord-logo-black-67CPji {
  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;
}

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

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

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

.shellet1920 .rectangle-29-jr85bP {
  background-color: var(--navy-blue);
  height: calc(100.00% - 166px);
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

.shellet1920 .illustratie-4-jr85bP {
  background-color: transparent;
  height: calc(100.00% - 166px);
  left: 0px;
  position: absolute;
  top: 167px;
  width: 100%;
}

.shellet1920 .group-7909-hrPkir {
  background-color: transparent;
  height: 100%;
  left: 0px;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 100%;
}

.shellet1920 .group-7908-YH6QLJ {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.shellet1920 .rectangle-5349-rJ5o1u {
  background-color: var(--astral);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.shellet1920 .group-7907-rJ5o1u {
  background-color: transparent;
  height: 100%;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 100%;
}

.shellet1920 .path-4011-utiYt9 {
  background-color: transparent;
  height: calc(100.00% - 271px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 271px;
  width: 100%;
}

.shellet1920 .path-4012-utiYt9 {
  background-color: transparent;
  bottom: 1px;
  height: 513px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.shellet1920 .path-4013-utiYt9 {
  background-color: transparent;
  bottom: 0px;
  height: 252px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.shellet1920 .group-7906-utiYt9 {
  background-color: transparent;
  bottom: 109px;
  height: 700px;
  left: 180px;
  opacity: 0.43;
  position: absolute;
  width: calc(100.00% - 361px);
}

.shellet1920 .group-7905-ExIB9G {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.shellet1920 .illustratie-5-jr85bP {
  background-color: transparent;
  height: 79px;
  position: absolute;
  right: calc(50.00% - 142px);
  top: 185px;
  width: 285px;
}

.shellet1920 .group-7911-QxKTi7 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 100%;
}

.shellet1920 .group-7910-d7n7qh {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.shellet1920 .path-4014-h4nksz {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.shellet1920 .path-4015-h4nksz {
  background-color: transparent;
  height: calc(100.00% - 33px);
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 17px;
  width: calc(100.00% - 43px);
}

.shellet1920 .tekengebied-12-jr85bP {
  background-color: transparent;
  height: 80px;
  left: calc(50.00% - 92px);
  object-fit: cover;
  position: absolute;
  top: calc(23.76% - 19px);
  width: 184px;
}

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

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

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

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

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

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

.shellet1920 .whitepaper-Pcgf68 {
  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;
}

.shellet1920 .span0-KbGxBq {
}

.shellet1920 .span1-KbGxBq {
  letter-spacing: -0.29px;
}

.shellet1920 .span2-KbGxBq {
}

.shellet1920 .crafting-ulAI9Q {
  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;
}

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

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

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

.shellet1920 .crafting-L28rgc {
  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;
}

.shellet1920 .span0-GVYqBU {
}

.shellet1920 .span1-GVYqBU {
  letter-spacing: 0.29px;
}

.shellet1920 .span2-GVYqBU {
}

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

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

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

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

.shellet1920 .home-FRjGzG {
  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;
}

.shellet1920 .stories-ulAI9Q {
  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;
}

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

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

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

.shellet1920 .stories-HOxLvS {
  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;
}

.shellet1920 .span0-KggGpK {
}

.shellet1920 .span1-KggGpK {
  letter-spacing: -0.29px;
}

.shellet1920 .span2-KggGpK {
}

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

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

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

.shellet1920 .rectangle-3-YfzZyn {
  background-color: var(--shakespeare);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.shellet1920 .shellet-YfzZyn {
  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;
}

.shellet1920 .logo_1_-jr85bP {
  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;
}

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

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

.shellet1920 .discord-logo-black-jr85bP {
  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;
}

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

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

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

.shelletmobile .rectangle-29-OdB902 {
  background-color: var(--navy-blue);
  height: 211px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

.shelletmobile .illustratie-4-OdB902 {
  background-color: transparent;
  height: calc(100.00% - 33px);
  left: 0px;
  position: absolute;
  top: 33px;
  width: 100%;
}

.shelletmobile .group-7909-g2ttsM {
  background-color: transparent;
  height: 100%;
  left: 0px;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 100%;
}

.shelletmobile .group-7908-sclllX {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.shelletmobile .rectangle-5349-q5Oq3l {
  background-color: var(--astral);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.shelletmobile .group-7907-q5Oq3l {
  background-color: transparent;
  height: 100%;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 100%;
}

.shelletmobile .path-4011-qlazW0 {
  background-color: transparent;
  bottom: 2px;
  height: 583px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.shelletmobile .path-4012-qlazW0 {
  background-color: transparent;
  bottom: 2px;
  height: 370px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.shelletmobile .path-4013-qlazW0 {
  background-color: transparent;
  bottom: 2px;
  height: 182px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.shelletmobile .group-7906-qlazW0 {
  background-color: transparent;
  bottom: 80px;
  height: 505px;
  left: 35px;
  opacity: 0.43;
  position: absolute;
  width: calc(100.00% - 71px);
}

.shelletmobile .group-7905-IvKkMn {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.shelletmobile .illustratie-5-OdB902 {
  background-color: transparent;
  height: 15px;
  left: calc(50.00% - 28px);
  position: absolute;
  top: 36px;
  width: 56px;
}

.shelletmobile .group-7911-MsTZPr {
  background-color: transparent;
  height: 100%;
  left: 0px;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 100%;
}

.shelletmobile .group-7910-BIbm4W {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

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

.shelletmobile .path-4015-rkRVTA {
  background-color: transparent;
  height: calc(100.00% - 6px);
  left: 4px;
  object-fit: cover;
  position: absolute;
  top: 3px;
  width: calc(100.00% - 8px);
}

.shelletmobile .tekengebied-12-OdB902 {
  background-color: transparent;
  height: 16px;
  left: calc(50.00% - 18px);
  object-fit: cover;
  position: absolute;
  top: 54px;
  width: 35px;
}

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

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

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

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

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

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

.shelletmobile .home-GvlXmU {
  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;
}

.shelletmobile .tekengebied-45-JdpMWF {
  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;
}

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

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

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

.shelletmobile .stories-pOxoZy {
  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;
}

.shelletmobile .span0-4ilGXS {
}

.shelletmobile .span1-4ilGXS {
  letter-spacing: -0.05px;
}

.shelletmobile .span2-4ilGXS {
}

.shelletmobile .tekengebied-46-JdpMWF {
  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;
}

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

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

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

.shelletmobile .crafting-54rm9V {
  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;
}

.shelletmobile .span0-ZRwiBr {
}

.shelletmobile .span1-ZRwiBr {
  letter-spacing: 0.05px;
}

.shelletmobile .span2-ZRwiBr {
}

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

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

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

.shelletmobile .rectangle-25-0VLHdo {
  background-color: var(--shakespeare);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.shelletmobile .shellet-0VLHdo {
  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;
}

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

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

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

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

.shelletmobile .whitepaper-xpZuII {
  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;
}

.shelletmobile .span0-gxoWXN {
  letter-spacing: -0.05px;
}

.shelletmobile .span1-gxoWXN {
}

.shelletmobile .span2-gxoWXN {
  letter-spacing: -0.05px;
}

.shelletmobile .span3-gxoWXN {
}

.shelletmobile .logo_1_-OdB902 {
  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;
}

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

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

.shelletmobile .discord-logo-black-OdB902 {
  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;
}

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

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

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

.shellettablet .rectangle-29-Cwzlne {
  background-color: var(--navy-blue);
  height: 469px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

.shellettablet .illustratie-4-Cwzlne {
  background-color: transparent;
  height: calc(100.00% - 73px);
  left: 0px;
  position: absolute;
  top: 73px;
  width: 100%;
}

.shellettablet .group-7909-h32WMf {
  background-color: transparent;
  height: 100%;
  left: 0px;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 100%;
}

.shellettablet .group-7908-DI3lzl {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.shellettablet .rectangle-5349-jEwUmi {
  background-color: var(--astral);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.shellettablet .group-7907-jEwUmi {
  background-color: transparent;
  height: 100%;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 100%;
}

.shellettablet .path-4011-PkMHlz {
  background-color: transparent;
  bottom: 1px;
  height: 840px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.shellettablet .path-4012-PkMHlz {
  background-color: transparent;
  bottom: 1px;
  height: 533px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.shellettablet .path-4013-PkMHlz {
  background-color: transparent;
  bottom: 1px;
  height: 262px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.shellettablet .group-7906-PkMHlz {
  background-color: transparent;
  bottom: 114px;
  height: 727px;
  left: 78px;
  opacity: 0.43;
  position: absolute;
  width: calc(100.00% - 157px);
}

.shellettablet .group-7905-ixlCQL {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.shellettablet .illustratie-5-Cwzlne {
  background-color: transparent;
  height: 34px;
  position: absolute;
  right: calc(50.00% - 62px);
  top: 81px;
  width: 124px;
}

.shellettablet .group-7911-BNMkaU {
  background-color: transparent;
  height: 100%;
  left: 0px;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 100%;
}

.shellettablet .group-7910-TLrKYq {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

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

.shellettablet .path-4015-Dmtwp2 {
  background-color: transparent;
  height: calc(100.00% - 14px);
  left: 9px;
  object-fit: cover;
  position: absolute;
  top: 7px;
  width: calc(100.00% - 19px);
}

.shellettablet .tekengebied-12-Cwzlne {
  background-color: transparent;
  height: 35px;
  left: calc(50.00% - 40px);
  object-fit: cover;
  position: absolute;
  top: 120px;
  width: 80px;
}

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

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

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

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

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

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

.shellettablet .home-vKxLZf {
  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;
}

.shellettablet .tekengebied-33-Mx0pN8 {
  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;
}

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

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

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

.shellettablet .stories-S7Jare {
  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;
}

.shellettablet .span0-T3fpyt {
}

.shellettablet .span1-T3fpyt {
  letter-spacing: -0.12px;
}

.shellettablet .span2-T3fpyt {
}

.shellettablet .tekengebied-34-Mx0pN8 {
  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;
}

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

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

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

.shellettablet .crafting-FiUV7V {
  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;
}

.shellettablet .span0-PNtT8o {
}

.shellettablet .span1-PNtT8o {
  letter-spacing: -0.12px;
}

.shellettablet .span2-PNtT8o {
}

.shellettablet .span3-PNtT8o {
  letter-spacing: 0.12px;
}

.shellettablet .span4-PNtT8o {
}

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

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

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

.shellettablet .rectangle-18-PJUC3V {
  background-color: var(--shakespeare);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.shellettablet .shellet-PJUC3V {
  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;
}

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

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

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

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

.shellettablet .whitepaper-QoiZMP {
  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;
}

.shellettablet .span0-BKbqAi {
  letter-spacing: -0.12px;
}

.shellettablet .span1-BKbqAi {
}

.shellettablet .span2-BKbqAi {
  letter-spacing: -0.12px;
}

.shellettablet .span3-BKbqAi {
}

.shellettablet .logo_1_-Cwzlne {
  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;
}

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

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

.shellettablet .discord-logo-black-Cwzlne {
  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;
}

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

@keyframes bp3-animate-enter241-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}
@media screen and (max-width: 833px) {
  .screen.shellet1920 { 
    display: none;
   }
  .screen.shellet1366 { 
    display: none;
   }
  .screen.shellettablet { 
    display: none;
   }
}
@media screen and (min-width: 834px) and (max-width: 1365px) {
  .screen.shellet1920 { 
    display: none;
   }
  .screen.shellet1366 { 
    display: none;
   }
  .screen.shelletmobile { 
    display: none;
   }
}
@media screen and (min-width: 1366px) and (max-width: 1919px) {
  .screen.shellet1920 { 
    display: none;
   }
  .screen.shellettablet { 
    display: none;
   }
  .screen.shelletmobile { 
    display: none;
   }
}
@media screen and (min-width: 1920px) {
  .screen.shellet1366 { 
    display: none;
   }
  .screen.shellettablet { 
    display: none;
   }
  .screen.shelletmobile { 
    display: none;
   }
}