@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  min-height: 100%;
      background-image: url(BG.png);
            background-size: cover;
    background-position: 50% 50%;
}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}
/* @FONTWARNING[{"type": "restricted", "family": "Vividly-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
  font-family: "Vividly-Regular";
  src: local("Vividly-Regular");
}
/* @FONTWARNING[{"type": "restricted", "family": "Black Future-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
  font-family: "Black Future-Regular";
  src: local("Black Future-Regular");
}
/* @FONTWARNING[{"type": "restricted", "family": "Peperrito Ornaments-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
  font-family: "Peperrito Ornaments Regular";
  src: local("Peperrito Ornaments Regular");
}
@font-face {
  font-family: "Peperrito Ornaments Regular";
  src: url("./PeperritoOrnaments-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Peperrito Ornaments Regular";
  src: url("./PeperritoOrnaments-Regular.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Vividly-Regular";
  src: url("./Vividly-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "KNMaiyuan-Regular";
  src: url("KNMaiyuan-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
.room {
  width: 100%;
  min-width: 390px;
  min-height: 969px;
  position: relative;
}

.room .rectangle {
  position: absolute;
  top: 808px;
  left: calc(50.00% - 151px);
  width: 303px;
  height: 88px;
}

.room .text-wrapper {
  top: 826px;
  left: calc(50.00% - 24px);
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffb0d9;
  font-size: 9px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .div {
  position: absolute;
  top: 855px;
  left: calc(50.00% - 110px);
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffb0d9;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-2 {
  top: 855px;
  left: calc(50.00% - 55px);
  color: #ffb0d9;
  font-size: 11px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-3 {
  position: absolute;
  top: 855px;
  left: calc(50.00% + 9px);
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffb0d9;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .little-world-of {
  position: absolute;
  top: 841px;
  left: calc(50.00% - 36px);
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffb0d9;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-4 {
  position: absolute;
  top: 855px;
  left: calc(50.00% + 90px);
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffb0d9;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .element-rabbitly-all {
  position: absolute;
  top: 869px;
  left: calc(50.00% - 118px);
  width: 236px;
  font-family: "Black Future-Regular", Helvetica;
  font-weight: 400;
  color: #ffb0d9;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.room .span {
  font-family: "Black Future-Regular", Helvetica;
  font-weight: 400;
  color: #ffb0d9;
  font-size: 8px;
  letter-spacing: 0;
}

.room .text-wrapper-5 {
  font-family: "Vividly-Regular", Helvetica;
}

.room .vector {
  position: absolute;
  top: 851px;
  left: 83px;
  width: 6px;
  height: 6px;
    object-fit: contain;

}

.room .img {
  position: absolute;
  top: 853px;
  left: 82px;
  width: 8px;
    object-fit: contain;

  height: 2px;
}

.room .vector-2 {
  position: absolute;
  top: 851px;
  left: 138px;
  width: 6px;
    object-fit: contain;

  height: 6px;
}

.room .vector-3 {
  position: absolute;
  top: 853px;
  left: 137px;
    object-fit: contain;

  width: 8px;
  height: 2px;
}

.room .vector-4 {
  position: absolute;
  top: 851px;
    object-fit: contain;

  left: 201px;
  width: 6px;
  height: 6px;
}

.room .vector-5 {
  position: absolute;
  top: 853px;
  left: 200px;
  width: 8px;
    object-fit: contain;

  height: 2px;
}

.room .vector-6 {
  position: absolute;
  top: 851px;
    object-fit: contain;

  left: 282px;
  width: 6px;
  height: 6px;
}

.room .vector-7 {
  position: absolute;
  top: 853px;
    object-fit: contain;

  left: 281px;
  width: 8px;
  height: 2px;
}

.room .text-wrapper-6 {
  position: absolute;
  top: 55px;
  left: calc(50.00% - 118px);
  transform: rotate(-13.93deg);
  filter: blur(3px);
  font-family: "Peperrito Ornaments Regular";
  font-weight: 400;
  color: #ffebf5;
  font-size: 64px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .decor {
  position: absolute;
  top: 79px;
  left: calc(50.00% - 94px);
  width: 32px;
  height: 33px;
  aspect-ratio: 0.95;
  object-fit: cover;
}

.room .vector-8 {
  position: absolute;
  top: 111px;
  left: 144px;
  width: 7px;
  height: 4px;
    object-fit: contain;

}

.room .vector-9 {
  position: absolute;
  top: 111px;
  left: 144px;
  width: 7px;
  height: 4px;
    object-fit: contain;

}

.room .vector-10 {
  position: absolute;
  top: 117px;
  left: 144px;
  width: 7px;
  height: 4px;
    object-fit: contain;

}

.room .vector-11 {
  position: absolute;
  top: 117px;
  left: 144px;
  width: 7px;
  height: 4px;
    object-fit: contain;

}

.room .vector-12 {
  position: absolute;
  top: 123px;
  left: 144px;
  width: 7px;
  height: 4px;
    object-fit: contain;

}

.room .vector-13 {
  position: absolute;
  top: 123px;
  left: 144px;
    object-fit: contain;

  width: 7px;
  height: 4px;
}

.room .rectangle-2 {
  position: absolute;
  top: 729px;
  left: calc(50.00% - 135px);
  width: 269px;
  height: 54px;
}

.room .gemini-generated {
  position: absolute;
  top: 738px;
  left: calc(50.00% - 14px);
  width: 30px;
  height: 34px;
  aspect-ratio: 0.89;
}

.room .gemini-generated-2 {
  top: 742px;
  left: calc(50.00% + 31px);
  width: 22px;
  height: 25px;
  position: absolute;
  aspect-ratio: 0.89;
}

.room .gemini-generated-3 {
  top: 742px;
  left: calc(50.00% - 51px);
  width: 22px;
  height: 25px;
  position: absolute;
  aspect-ratio: 0.89;
}

.room .vector-14 {
  position: absolute;
  top: 730px;
  left: 112px;
  width: 9px;
    object-fit: contain;

  height: 4px;
}

.room .vector-15 {
  position: absolute;
  top: 730px;
  left: 112px;
    object-fit: contain;

  width: 9px;
  height: 4px;
}

.room .vector-16 {
  position: absolute;
  top: 774px;
  left: 270px;
  width: 9px;
    object-fit: contain;

  height: 4px;
}

.room .vector-17 {
  position: absolute;
  top: 774px;
  left: 270px;
  width: 9px;
  height: 4px;
    object-fit: contain;

}

.room .rectangle-3 {
  position: absolute;
  top: 150px;
  left: calc(50.00% - 135px);
  width: 269px;
  height: 54px;
}

.room .rectangle-4 {
  position: absolute;
  top: 226px;
  left: calc(50.00% - 135px);
  width: 269px;
  height: 470px;
}

.room .rectangle-5 {
  position: absolute;
  top: 246px;
  left: calc(50.00% - 116px);
  width: 232px;
  height: 403px;
  object-fit: cover;
}

.room .gemini-generated-4 {
  top: 160px;
  left: calc(50.00% - 14px);
  width: 30px;
  height: 34px;
  position: absolute;
  aspect-ratio: 0.89;
}

.room .gemini-generated-5 {
  top: 164px;
  left: calc(50.00% + 31px);
  width: 22px;
  height: 25px;
  position: absolute;
  aspect-ratio: 0.89;
}

.room .gemini-generated-6 {
  top: 164px;
  left: calc(50.00% - 51px);
  width: 22px;
  height: 25px;
  position: absolute;
  aspect-ratio: 0.89;
}

.room .vector-18 {
  position: absolute;
  top: 152px;
  left: 112px;
  width: 9px;
  height: 4px;
    object-fit: contain;

}

.room .vector-19 {
  position: absolute;
  top: 152px;
  left: 112px;
  width: 9px;
    object-fit: contain;

  height: 4px;
}

.room .vector-20 {
  position: absolute;
  top: 196px;
  left: 270px;
  width: 9px;
    object-fit: contain;

  height: 4px;
}

.room .vector-21 {
  position: absolute;
  top: 196px;
  left: 270px;
    object-fit: contain;

  width: 9px;
  height: 4px;
}

.room .your-little-language {
  position: absolute;
  top: 87px;
  left: calc(50.00% - 48px);
  width: 81px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffb0d9;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-7 {
  position: absolute;
  top: 354px;
  left: calc(50.00% + 74px);
  width: 22px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff5eb1;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-8 {
  top: 292px;
  left: calc(50.00% + 53px);
  width: 46px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff5eb1;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-9 {
  position: absolute;
  top: 350px;
  left: calc(50.00% - 21px);
  width: 46px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff5eb1;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-10 {
  position: absolute;
  top: 361px;
  left: calc(50.00% - 53px);
  width: 26px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff5eb1;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-11 {
  top: 276px;
  left: calc(50.00% - 48px);
  width: 26px;
  color: #ff5eb1;
  font-size: 8px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-12 {
  position: absolute;
  top: 254px;
  left: calc(50.00% + 21px);
  width: 26px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff5eb1;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-13 {
  position: absolute;
  top: 436px;
  left: calc(50.00% - 118px);
  width: 24px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff5eb1;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-14 {
  position: absolute;
  top: 459px;
  left: calc(50.00% + 86px);
  width: 24px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff5eb1;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-15 {
  position: absolute;
  top: 451px;
  left: calc(50.00% + 57px);
  width: 24px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff5eb1;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-16 {
  position: absolute;
  top: 505px;
  left: calc(50.00% + 65px);
  width: 29px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff5eb1;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-17 {
  position: absolute;
  top: 538px;
  left: calc(50.00% + 85px);
  width: 29px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff5eb1;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-18 {
  position: absolute;
  top: 593px;
  left: calc(50.00% - 7px);
  width: 29px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff5eb1;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-19 {
  position: absolute;
  top: 576px;
  left: calc(50.00% + 28px);
  width: 29px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff5eb1;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-20 {
  top: 470px;
  left: calc(50.00% - 77px);
  width: 29px;
  color: #ff5eb1;
  font-size: 8px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-21 {
  top: 515px;
  left: calc(50.00% - 104px);
  width: 44px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff5eb1;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-22 {
  position: absolute;
  top: 626px;
  left: calc(50.00% - 11px);
  width: 44px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff5eb1;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-23 {
  position: absolute;
  top: 366px;
  left: calc(50.00% - 83px);
  width: 22px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff5eb1;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-24 {
  top: 310px;
  left: calc(50.00% - 105px);
  width: 22px;
  color: #ff5eb1;
  font-size: 8px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-25 {
  position: absolute;
  top: 421px;
  left: calc(50.00% + 57px);
  width: 31px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff5eb1;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-26 {
  top: 580px;
  left: calc(50.00% - 116px);
  position: absolute;
  width: 31px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff5eb1;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-27 {
  top: 421px;
  left: calc(50.00% - 66px);
  position: absolute;
  width: 31px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff5eb1;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-28 {
  top: 598px;
  left: calc(50.00% - 109px);
  position: absolute;
  width: 17px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff5eb1;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .text-wrapper-29 {
  top: 435px;
  left: calc(50.00% - 59px);
  position: absolute;
  width: 17px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff5eb1;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .your-little-language-2 {
  top: 666px;
  left: calc(50.00% - 52px);
  width: 104px;
  font-size: 10px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffb0d9;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .your-little-language-3 {
  top: 97px;
  left: calc(50.00% - 39px);
  width: 81px;
  font-size: 8px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffb0d9;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.room .vector-22 {
  position: absolute;
  top: 280px;
  left: 62px;
  width: 7px;
    object-fit: contain;

  height: 4px;
}

.room .vector-23 {
  position: absolute;
  top: 280px;
  left: 62px;
  width: 7px;
  height: 4px;
    object-fit: contain;

}

.room .vector-24 {
  position: absolute;
  top: 359px;
  left: 321px;
  width: 7px;
    object-fit: contain;

  height: 4px;
}

.room .vector-25 {
  position: absolute;
  top: 359px;
  left: 321px;
    object-fit: contain;

  width: 7px;
  height: 4px;
}

.room .vector-26 {
  position: absolute;
  top: 482px;
  left: 62px;
  width: 7px;
    object-fit: contain;

  height: 4px;
}

.room .vector-27 {
  position: absolute;
  top: 482px;
  left: 62px;
    object-fit: contain;

  width: 7px;
  height: 4px;
}

.room .vector-28 {
      object-fit: contain;

  position: absolute;
  top: 572px;
  left: 322px;
  width: 7px;
  height: 4px;
}

.room .vector-29 {
  position: absolute;
  top: 572px;
  left: 322px;
    object-fit: contain;

  width: 7px;
  height: 4px;
}

.room .gemini-generated-7 {
  top: 658px;
  left: calc(50.00% - 74px);
  width: 18px;
  height: 20px;
  position: absolute;
  aspect-ratio: 0.89;
}

.room .gemini-generated-8 {
  top: 658px;
  left: calc(50.00% + 56px);
  width: 18px;
  height: 20px;
  position: absolute;
  aspect-ratio: 0.89;
}

.room .text-wrapper-30 {
  top: 58px;
  left: calc(50.00% + 41px);
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffb0d9;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}