/* screen - grandma1366 */

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

.grandma1366 .rectangle-5325-LClnuR {
  background-color: transparent;
  height: calc(100.00% - 116px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

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

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

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

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

.grandma1366 .path-3932-LClnuR.bp1-animate-enter132 {
  animation: bp1-animate-enter132-frames 1.20s ease 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.grandma1366 .path-3933-LClnuR.bp1-animate-enter133 {
  animation: bp1-animate-enter133-frames 1.20s ease 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.grandma1366 .twenty-year-went-by-LClnuR {
  background-color: transparent;
  bottom: 34px;
  display: block;
  height: 263px;
  left: 184px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 366px);
}

.grandma1366 .twenty-year-went-by-LClnuR.bp1-animate-enter134 {
  animation: bp1-animate-enter134-frames 1.20s ease-in 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.grandma1366 .our-grandma-once-tol-LClnuR {
  background-color: transparent;
  display: block;
  height: 439px;
  left: 184px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(34.00% - 149px);
  transform: translate(0, 25px);
  width: calc(100.00% - 366px);
}

.grandma1366 .our-grandma-once-tol-LClnuR.bp1-animate-enter135 {
  animation: bp1-animate-enter135-frames 1.20s ease-in 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

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

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

.grandma1366 .tekengebied-20-i515iz.bp1-animate-enter136 {
  animation: bp1-animate-enter136-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.grandma1366 .whitepaper-qZSpOJ {
  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;
}

.grandma1366 .span0-sXHx0J {
}

.grandma1366 .span1-sXHx0J {
  letter-spacing: -0.20px;
}

.grandma1366 .span2-sXHx0J {
}

.grandma1366 .tekengebied-21-i515iz {
  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;
}

.grandma1366 .tekengebied-21-i515iz.bp1-animate-enter137 {
  animation: bp1-animate-enter137-frames 1.20s ease-in 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.grandma1366 .shellet-YVPxZR {
  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;
}

.grandma1366 .tekengebied-22-i515iz {
  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;
}

.grandma1366 .tekengebied-22-i515iz.bp1-animate-enter138 {
  animation: bp1-animate-enter138-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.grandma1366 .crafting-y3GbuP {
  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;
}

.grandma1366 .span0-NmQU5W {
}

.grandma1366 .span1-NmQU5W {
  letter-spacing: 0.20px;
}

.grandma1366 .span2-NmQU5W {
}

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

.grandma1366 .tekengebied-23-i515iz.bp1-animate-enter139 {
  animation: bp1-animate-enter139-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.grandma1366 .stories-0aPTmU {
  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;
}

.grandma1366 .span0-2mv8fh {
}

.grandma1366 .span1-2mv8fh {
  letter-spacing: -0.20px;
}

.grandma1366 .span2-2mv8fh {
}

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

.grandma1366 .tekengebied-24-i515iz.bp1-animate-enter140 {
  animation: bp1-animate-enter140-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.grandma1366 .home-yfdPEE {
  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;
}

.grandma1366 .logo_1_-LClnuR {
  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;
}

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

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

.grandma1366 .discord-logo-black-LClnuR {
  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;
}

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

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

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

.grandma1920 .rectangle-5325-KKgChQ {
  background-color: transparent;
  height: calc(100.00% + 2px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.grandma1920 .path-3931-KKgChQ {
  background-color: transparent;
  display: block;
  height: calc(100.00% - 245px);
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 247px;
  transform: translate(0, 25px);
  width: 100%;
}

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

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

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

.grandma1920 .path-3932-KKgChQ.bp4-animate-enter220 {
  animation: bp4-animate-enter220-frames 1.20s ease 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.grandma1920 .path-3933-KKgChQ.bp4-animate-enter221 {
  animation: bp4-animate-enter221-frames 1.20s ease 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.grandma1920 .our-grandma-once-tol-KKgChQ {
  background-color: transparent;
  display: block;
  height: 344px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: calc(37.06% - 127px);
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.grandma1920 .our-grandma-once-tol-KKgChQ.bp4-animate-enter222 {
  animation: bp4-animate-enter222-frames 1.20s ease-in 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.grandma1920 .twenty-year-went-by-KKgChQ {
  background-color: transparent;
  bottom: calc(25.46% - 52px);
  display: block;
  height: 206px;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 515px);
}

.grandma1920 .twenty-year-went-by-KKgChQ.bp4-animate-enter223 {
  animation: bp4-animate-enter223-frames 1.20s ease-in 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

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

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

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

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

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

.grandma1920 .whitepaper-fY3iY5 {
  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;
}

.grandma1920 .span0-G7edbo {
}

.grandma1920 .span1-G7edbo {
  letter-spacing: -0.29px;
}

.grandma1920 .span2-G7edbo {
}

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

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

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

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

.grandma1920 .crafting-kJJd33 {
  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;
}

.grandma1920 .span0-T3xfiD {
}

.grandma1920 .span1-T3xfiD {
  letter-spacing: 0.29px;
}

.grandma1920 .span2-T3xfiD {
}

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

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

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

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

.grandma1920 .home-yDpGBP {
  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;
}

.grandma1920 .stories-t1FwSr {
  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;
}

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

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

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

.grandma1920 .stories-scxVew {
  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;
}

.grandma1920 .span0-TV4Dsm {
}

.grandma1920 .span1-TV4Dsm {
  letter-spacing: -0.29px;
}

.grandma1920 .span2-TV4Dsm {
}

.grandma1920 .shellet-t1FwSr {
  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;
}

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

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

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

.grandma1920 .shellet-3YND9r {
  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;
}

.grandma1920 .logo_1_-KKgChQ {
  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;
}

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

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

.grandma1920 .discord-logo-black-KKgChQ {
  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;
}

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

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

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

.grandmamobile .group-7912-lBVdq1 {
  background-color: transparent;
  bottom: -2px;
  height: 633px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.grandmamobile .rectangle-34-qH5yYo {
  background-color: var(--blue-lagoon);
  bottom: 0px;
  height: 211px;
  left: 0px;
  position: absolute;
  width: 100%;
}

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

.grandmamobile .path-36-qH5yYo.bp3-animate-enter406 {
  animation: bp3-animate-enter406-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.grandmamobile .path-37-qH5yYo.bp3-animate-enter407 {
  animation: bp3-animate-enter407-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.grandmamobile .path-38-qH5yYo.bp3-animate-enter408 {
  animation: bp3-animate-enter408-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.grandmamobile .rectangle-32-qH5yYo {
  background-color: var(--blumine);
  height: 211px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

.grandmamobile .rectangle-33-qH5yYo {
  background-color: var(--orient);
  height: 211px;
  left: 0px;
  position: absolute;
  top: calc(50.00% - 106px);
  width: 100%;
}

.grandmamobile .path-33-qH5yYo {
  background-color: transparent;
  bottom: calc(44.88% - 73px);
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

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

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

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

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

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

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

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

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

.grandmamobile .rectangle-5329-lBVdq1 {
  background-color: transparent;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(40.08% - 85px);
  width: 100%;
}

.grandmamobile .path-3943-lBVdq1 {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(42.70% - 69px);
  transform: translate(0, 25px);
  width: 100%;
}

.grandmamobile .path-3943-lBVdq1.bp3-animate-enter415 {
  animation: bp3-animate-enter415-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.grandmamobile .path-3944-lBVdq1 {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(45.72% - 46px);
  transform: translate(0, 25px);
  width: 100%;
}

.grandmamobile .path-3944-lBVdq1.bp3-animate-enter416 {
  animation: bp3-animate-enter416-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.grandmamobile .path-3945-lBVdq1 {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(47.79% - 26px);
  transform: translate(0, 25px);
  width: 100%;
}

.grandmamobile .path-3945-lBVdq1.bp3-animate-enter417 {
  animation: bp3-animate-enter417-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.grandmamobile .rectangle-5327-lBVdq1 {
  background-color: transparent;
  height: 212px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

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

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

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

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

.grandmamobile .path-3938-lBVdq1.bp3-animate-enter419 {
  animation: bp3-animate-enter419-frames 1.20s ease 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.grandmamobile .path-3939-lBVdq1.bp3-animate-enter420 {
  animation: bp3-animate-enter420-frames 1.20s ease 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.grandmamobile .rectangle-5328-lBVdq1 {
  background-color: transparent;
  height: 211px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: calc(20.04% - 42px);
  width: 100%;
}

.grandmamobile .path-3940-lBVdq1 {
  background-color: transparent;
  display: block;
  height: 163px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(23.52% - 38px);
  transform: translate(0, 25px);
  width: 100%;
}

.grandmamobile .path-3940-lBVdq1.bp3-animate-enter421 {
  animation: bp3-animate-enter421-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.grandmamobile .path-3941-lBVdq1 {
  background-color: transparent;
  display: block;
  height: 101px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(27.55% - 28px);
  transform: translate(0, 25px);
  width: 100%;
}

.grandmamobile .path-3941-lBVdq1.bp3-animate-enter422 {
  animation: bp3-animate-enter422-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.grandmamobile .path-3942-lBVdq1 {
  background-color: transparent;
  display: block;
  height: 55px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(30.31% - 17px);
  transform: translate(0, 25px);
  width: 100%;
}

.grandmamobile .path-3942-lBVdq1.bp3-animate-enter423 {
  animation: bp3-animate-enter423-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.grandmamobile .our-grandma-once-tol-lBVdq1 {
  background-color: transparent;
  color: var(--sandy-beach-2);
  display: block;
  font-family: var(--font-family-segoeui-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
  height: 739px;
  left: 50px;
  letter-spacing: 0.00px;
  line-height: 17px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 42px;
  transform: translate(0, 25px);
  width: calc(100.00% - 99px);
}

.grandmamobile .our-grandma-once-tol-lBVdq1.bp3-animate-enter424 {
  animation: bp3-animate-enter424-frames 1.20s ease-in 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

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

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

.grandmamobile .tekengebied-44-v0sx2Q.bp3-animate-enter425 {
  animation: bp3-animate-enter425-frames 1.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.grandmamobile .home-EuymG5 {
  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;
}

.grandmamobile .tekengebied-45-v0sx2Q {
  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;
}

.grandmamobile .tekengebied-45-v0sx2Q.bp3-animate-enter426 {
  animation: bp3-animate-enter426-frames 1.20s ease-in 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.grandmamobile .stories-1V4QeZ {
  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;
}

.grandmamobile .span0-kvPtgR {
}

.grandmamobile .span1-kvPtgR {
  letter-spacing: -0.05px;
}

.grandmamobile .span2-kvPtgR {
}

.grandmamobile .tekengebied-46-v0sx2Q {
  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;
}

.grandmamobile .tekengebied-46-v0sx2Q.bp3-animate-enter427 {
  animation: bp3-animate-enter427-frames 1.20s ease-in 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.grandmamobile .crafting-xie2Yx {
  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;
}

.grandmamobile .span0-xh8vvL {
}

.grandmamobile .span1-xh8vvL {
  letter-spacing: 0.05px;
}

.grandmamobile .span2-xh8vvL {
}

.grandmamobile .tekengebied-47-v0sx2Q {
  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;
}

.grandmamobile .tekengebied-47-v0sx2Q.bp3-animate-enter428 {
  animation: bp3-animate-enter428-frames 1.20s ease-in 3.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.grandmamobile .shellet-wxyFcE {
  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;
}

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

.grandmamobile .tekengebied-48-v0sx2Q.bp3-animate-enter429 {
  animation: bp3-animate-enter429-frames 1.20s ease-in 4.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.grandmamobile .whitepaper-D7JQuU {
  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;
}

.grandmamobile .span0-ujOsd2 {
  letter-spacing: -0.05px;
}

.grandmamobile .span1-ujOsd2 {
}

.grandmamobile .span2-ujOsd2 {
  letter-spacing: -0.05px;
}

.grandmamobile .span3-ujOsd2 {
}

.grandmamobile .logo_1_-lBVdq1 {
  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;
}

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

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

.grandmamobile .discord-logo-black-lBVdq1 {
  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;
}

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

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

.grandmamobile .twenty-year-went-by-lBVdq1 {
  background-color: transparent;
  bottom: 19px;
  color: var(--sandy-beach-2);
  display: block;
  font-family: var(--font-family-segoeui-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
  height: 453px;
  left: 51px;
  letter-spacing: 0.00px;
  line-height: 17px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 99px);
}

.grandmamobile .twenty-year-went-by-lBVdq1.bp3-animate-enter432 {
  animation: bp3-animate-enter432-frames 1.20s ease-in 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

.grandmatablet .rectangle-29-i8Lr8M {
  background-color: var(--orient);
  bottom: -212px;
  height: 469px;
  left: 0px;
  position: absolute;
  width: 100%;
}

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

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

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

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

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

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

.grandmatablet .rectangle-5325-i8Lr8M {
  background-color: transparent;
  height: 470px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

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

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

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

.grandmatablet .path-3932-i8Lr8M {
  background-color: transparent;
  display: block;
  height: 225px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(23.40% - 53px);
  transform: translate(0, 25px);
  width: 100%;
}

.grandmatablet .path-3932-i8Lr8M.bp2-animate-enter354 {
  animation: bp2-animate-enter354-frames 1.20s ease 6.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.grandmatablet .path-3933-i8Lr8M {
  background-color: transparent;
  display: block;
  height: 123px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(30.26% - 37px);
  transform: translate(0, 25px);
  width: 100%;
}

.grandmatablet .path-3933-i8Lr8M.bp2-animate-enter355 {
  animation: bp2-animate-enter355-frames 1.20s ease 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.grandmatablet .rectangle-5326-i8Lr8M {
  background-color: transparent;
  bottom: calc(41.25% - 193px);
  height: 469px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.grandmatablet .path-3934-i8Lr8M {
  background-color: transparent;
  bottom: calc(36.36% - 131px);
  display: block;
  height: 362px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.grandmatablet .path-3934-i8Lr8M.bp2-animate-enter356 {
  animation: bp2-animate-enter356-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.grandmatablet .path-3935-i8Lr8M {
  background-color: transparent;
  bottom: calc(31.61% - 71px);
  display: block;
  height: 225px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.grandmatablet .path-3935-i8Lr8M.bp2-animate-enter357 {
  animation: bp2-animate-enter357-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.grandmatablet .path-3936-i8Lr8M {
  background-color: transparent;
  bottom: calc(23.95% - 47px);
  display: block;
  height: 196px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.grandmatablet .path-3936-i8Lr8M.bp2-animate-enter358 {
  animation: bp2-animate-enter358-frames 1.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.grandmatablet .our-grandma-once-tol-i8Lr8M {
  background-color: transparent;
  display: block;
  height: 688px;
  left: 112px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 93px;
  transform: translate(0, 25px);
  width: calc(100.00% - 223px);
}

.grandmatablet .our-grandma-once-tol-i8Lr8M.bp2-animate-enter359 {
  animation: bp2-animate-enter359-frames 1.20s ease-in 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

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

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

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

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

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

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

.grandmatablet .home-d8EOCq {
  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;
}

.grandmatablet .tekengebied-33-6xlhJy {
  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;
}

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

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

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

.grandmatablet .stories-XmoI9z {
  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;
}

.grandmatablet .span0-nfglcV {
}

.grandmatablet .span1-nfglcV {
  letter-spacing: -0.12px;
}

.grandmatablet .span2-nfglcV {
}

.grandmatablet .tekengebied-34-6xlhJy {
  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;
}

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

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

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

.grandmatablet .crafting-fg5gnd {
  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;
}

.grandmatablet .span0-p06Au9 {
}

.grandmatablet .span1-p06Au9 {
  letter-spacing: -0.12px;
}

.grandmatablet .span2-p06Au9 {
}

.grandmatablet .span3-p06Au9 {
  letter-spacing: 0.12px;
}

.grandmatablet .span4-p06Au9 {
}

.grandmatablet .tekengebied-35-6xlhJy {
  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;
}

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

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

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

.grandmatablet .shellet-nYuUvM {
  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;
}

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

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

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

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

.grandmatablet .whitepaper-OwuLcF {
  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;
}

.grandmatablet .span0-BPsE7n {
  letter-spacing: -0.12px;
}

.grandmatablet .span1-BPsE7n {
}

.grandmatablet .span2-BPsE7n {
  letter-spacing: -0.12px;
}

.grandmatablet .span3-BPsE7n {
}

.grandmatablet .logo_1_-i8Lr8M {
  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;
}

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

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

.grandmatablet .discord-logo-black-i8Lr8M {
  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;
}

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

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

.grandmatablet .twenty-year-went-by-i8Lr8M {
  background-color: transparent;
  bottom: 77px;
  display: block;
  height: 413px;
  left: 113px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  transform: translate(0, 25px);
  width: calc(100.00% - 223px);
}

.grandmatablet .twenty-year-went-by-i8Lr8M.bp2-animate-enter367 {
  animation: bp2-animate-enter367-frames 1.20s ease-in 7.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter367-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}
@media screen and (max-width: 833px) {
  .screen.grandma1920 { 
    display: none;
   }
  .screen.grandma1366 { 
    display: none;
   }
  .screen.grandmatablet { 
    display: none;
   }
}
@media screen and (min-width: 834px) and (max-width: 1365px) {
  .screen.grandma1920 { 
    display: none;
   }
  .screen.grandma1366 { 
    display: none;
   }
  .screen.grandmamobile { 
    display: none;
   }
}
@media screen and (min-width: 1366px) and (max-width: 1919px) {
  .screen.grandma1920 { 
    display: none;
   }
  .screen.grandmatablet { 
    display: none;
   }
  .screen.grandmamobile { 
    display: none;
   }
}
@media screen and (min-width: 1920px) {
  .screen.grandma1366 { 
    display: none;
   }
  .screen.grandmatablet { 
    display: none;
   }
  .screen.grandmamobile { 
    display: none;
   }
}