@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;
  height: 100%;
  background-image: url(BG~.png);
}
/* 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": "overdoze sans-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */


@font-face {
   font-family: "Vividly-Regular";
  /* Replace 'vividly.woff2' with your actual filename */
  src: url('vividly.woff2') format('woff2'), 
       url('Vividly-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap; /* This helps it load faster on mobile! */
}


@font-face {
   font-family: "overdoze sans Regular";
  /* Replace 'vividly.woff2' with your actual filename */
  src: url('overdozesans.otf') format('otf'), 
       url('overdozesans.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap; /* This helps it load faster on mobile! */
}


@font-face {
   font-family: "KN Maiyuan Regular";
  /* Replace 'vividly.woff2' with your actual filename */
  src: url('KNMaiyuan-Regular.woff2') format('woff2'), 
       url('KNMaiyuan-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap; /* This helps it load faster on mobile! */
}

@font-face {
  font-family: "overdoze sans-Regular";
  src: local("overdoze sans-Regular");
}
/* @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": "Inter-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */

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

@font-face {
  font-family: "KN Maiyuan-Regular";
  src: local("KN Maiyuan-Regular");
}

.rabbit {
  overflow: hidden;
  width: 576px;
  min-height: 4610px;
  position: relative;
  margin: 0 auto;
}

.rabbit .rabbitelle-rabbityy {
  top: 298px;
  left: calc(50.00% - 158px);
  font-family: "overdoze sans Regular";
  font-size: 19px;
  text-align: center;
  line-height: normal;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  letter-spacing: 0;
}

.rabbit .text-wrapper {
  font-family: "overdoze sans Regular";
  font-weight: 400;
  color: #ffa1d5;
  font-size: 19px;
  letter-spacing: 0;
}

.rabbit .span {
  font-family: "Vividly-Regular", Helvetica;
}

.rabbit .vlogs-daily-routine {
  position: absolute;
  top: 411px;
  left: calc(50.00% - 200px);
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 20px;
}

.rabbit .ellipse {
  position: absolute;
  top: 101px;
  left: calc(50.00% - 71px);
  width: 142px;
  height: 142px;
  object-fit: cover;
}

.rabbit .div {
  top: 255px;
  left: calc(50.00% - 65px);
  font-family: "Inter-Regular", Helvetica;
  font-size: 22px;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.rabbit .rectangle {
  position: absolute;
  top: 851px;
  left: calc(50.00% - 261px);
  width: 521px;
  height: 106px;
}

.rabbit .img {
  position: absolute;
  top: 983px;
  left: calc(50.00% - 261px);
  width: 521px;
  height: 88px;
}

.rabbit .my-digital-bloom {
  position: absolute;
  top: 884px;
  left: calc(50.00% - 167px);
  width: 334px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22px;
}

.rabbit .text-wrapper-2 {
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 100;
  color: #ffa1d5;
  font-size: 25px;
  letter-spacing: 0;
}

.rabbit .text-wrapper-3 {
  font-size: 18px;
}

.rabbit .text-wrapper-4 {
  top: 1011px;
  left: calc(50.00% + 191px);
  width: 31px;
  font-family: "overdoze sans Regular";
  font-size: 52px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.rabbit .whop-rabbitglow {
  position: absolute;
  top: 1007px;
  left: calc(50.00% - 155px);
  width: 346px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 19px;
}

.rabbit .text-wrapper-5 {
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 19px;
}

.rabbit .text-wrapper-6 {
  font-size: 20px;
}

.rabbit .rectangle-2 {
  position: absolute;
  top: 616px;
  left: calc(50.00% - 261px);
  width: 521px;
  height: 185px;
}

.rabbit .removebg-preview {
  position: absolute;
  top: 824px;
  left: 131px;
  width: 55px;
  height: 55px;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbit .email-me-for-work {
  position: absolute;
  top: 651px;
  left: calc(50.00% - 216px);
  width: 433px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 13.5px;
}

.rabbit .text-wrapper-7 {
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 13.5px;
}

.rabbit .text-wrapper-8 {
  font-family: "overdoze sans Regular";
  font-size: 18px;
}

.rabbit .removebg-preview-2 {
  position: absolute;
  top: 968px;
  left: 22px;
  width: 117px;
  height: 117px;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbit .download-removebg {
  top: 1018px;
  left: 67px;
  width: 24px;
  height: 24px;
  position: absolute;
  aspect-ratio: 1;
}

.rabbit .rectangle-3 {
  position: absolute;
  top: 1456px;
  left: calc(50.00% - 261px);
  width: 521px;
  height: 88px;
}

.rabbit .text-wrapper-9 {
  top: 1484px;
  left: calc(50.00% + 191px);
  width: 31px;
  font-family: "overdoze sans Regular";
  font-size: 52px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.rabbit .rabbitelle-glowup {
  top: 1483px;
  left: calc(50.00% - 155px);
  width: 373px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 26px;
  line-height: 19px;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  letter-spacing: 0;
}

.rabbit .removebg-preview-3 {
  position: absolute;
  top: 1441px;
  left: 22px;
  width: 117px;
  height: 117px;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbit .download-removebg-2 {
  top: 1491px;
  left: 67px;
  width: 24px;
  height: 24px;
  position: absolute;
  aspect-ratio: 1;
}

.rabbit .rectangle-4 {
  position: absolute;
  top: 1554px;
  left: calc(50.00% - 261px);
  width: 521px;
  height: 88px;
}

.rabbit .text-wrapper-10 {
  top: 1582px;
  left: calc(50.00% + 191px);
  width: 31px;
  font-family: "overdoze sans Regular";
  font-size: 52px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.rabbit .rabbityy-web-for {
  position: absolute;
  top: 1579px;
  left: calc(50.00% - 155px);
  width: 278px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 19px;
}

.rabbit .text-wrapper-11 {
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 26px;
  letter-spacing: 0;
}

.rabbit .text-wrapper-12 {
  font-size: 20px;
  line-height: 19px;
}

.rabbit .removebg-preview-4 {
  position: absolute;
  top: 1539px;
  left: 22px;
  width: 117px;
  height: 117px;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbit .download-removebg-3 {
  top: 1589px;
  left: 68px;
  width: 24px;
  height: 24px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: contain;
}

.rabbit .rectangle-5 {
  position: absolute;
  top: 1653px;
  left: calc(50.00% - 261px);
  width: 521px;
  height: 88px;
}

.rabbit .text-wrapper-13 {
  top: 1681px;
  left: calc(50.00% + 191px);
  width: 31px;
  font-family: "overdoze sans Regular";
  font-size: 52px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.rabbit .rabloom-cute-timer {
  position: absolute;
  top: 1679px;
  left: calc(50.00% - 155px);
  width: 322px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 19px;
}

.rabbit .removebg-preview-5 {
  position: absolute;
  top: 1638px;
  left: 22px;
  width: 117px;
  height: 117px;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbit .download-removebg-4 {
  top: 1689px;
  left: 68px;
  width: 24px;
  height: 24px;
  position: absolute;
  aspect-ratio: 1;
}

.rabbit .rectangle-6 {
  position: absolute;
  top: 1751px;
  left: calc(50.00% - 261px);
  width: 521px;
  height: 88px;
}

.rabbit .text-wrapper-14 {
  top: 1779px;
  left: calc(50.00% + 191px);
  width: 31px;
  font-family: "overdoze sans Regular";
  font-size: 52px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.rabbit .rabbitmee-routine {
  position: absolute;
  top: 1779px;
  left: calc(50.00% - 155px);
  width: 307px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 19px;
}

.rabbit .removebg-preview-6 {
  position: absolute;
  top: 1736px;
  left: 22px;
  width: 117px;
  height: 117px;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbit .download-removebg-5 {
  top: 1786px;
  left: 67px;
  width: 24px;
  height: 24px;
  position: absolute;
  aspect-ratio: 1;
}

.rabbit .rectangle-7 {
  position: absolute;
  top: 3359px;
  left: calc(50.00% - 261px);
  width: 521px;
  height: 88px;
}

.rabbit .text-wrapper-15 {
  top: 3387px;
  left: calc(50.00% + 193px);
  width: 31px;
  font-family: "overdoze sans Regular";
  font-size: 52px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.rabbit .tapas-read-my {
  position: absolute;
  top: 3383px;
  left: calc(50.00% - 153px);
  width: 294px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 19px;
}

.rabbit .removebg-preview-7 {
  position: absolute;
  top: 3344px;
  left: 24px;
  width: 117px;
  height: 117px;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbit .download-removebg-6 {
  top: 3395px;
  left: 70px;
  width: 24px;
  height: 24px;
  position: absolute;
  aspect-ratio: 1;
}

.rabbit .rectangle-8 {
  position: absolute;
  top: 3457px;
  left: calc(50.00% - 261px);
  width: 521px;
  height: 88px;
}

.rabbit .text-wrapper-16 {
  top: 3485px;
  left: calc(50.00% + 193px);
  width: 31px;
  font-family: "overdoze sans Regular";
  font-size: 52px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.rabbit .ko-fi-buy-rabbit-a {
  position: absolute;
  top: 3481px;
  left: calc(50.00% - 153px);
  width: 278px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 19px;
}

.rabbit .removebg-preview-8 {
  position: absolute;
  top: 3442px;
  left: 24px;
  width: 117px;
  height: 117px;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbit .download-removebg-7 {
  top: 3492px;
  left: 69px;
  width: 24px;
  height: 24px;
  position: absolute;
  aspect-ratio: 1;
}

.rabbit .rectangle-9 {
  position: absolute;
  top: 2413px;
  left: calc(50.00% - 261px);
  width: 521px;
  height: 88px;
}

.rabbit .text-wrapper-17 {
  top: 2441px;
  left: calc(50.00% + 192px);
  width: 31px;
  font-family: "overdoze sans Regular";
  font-size: 52px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.rabbit .check-out-more-of-my {
  position: absolute;
  top: 2437px;
  left: calc(50.00% - 149px);
  width: 320px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 25px;
  letter-spacing: 0;
  line-height: 20px;
}

.rabbit .removebg-preview-9 {
  position: absolute;
  top: 2398px;
  left: 24px;
  width: 117px;
  height: 117px;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbit .download-removebg-8 {
  top: 2449px;
  left: 69px;
  width: 24px;
  height: 24px;
  position: absolute;
  aspect-ratio: 1;
}

.rabbit .rectangle-10 {
  position: absolute;
  top: 1080px;
  left: calc(50.00% - 261px);
  width: 521px;
  height: 88px;
}

.rabbit .text-wrapper-18 {
  top: 1108px;
  left: calc(50.00% + 191px);
  width: 31px;
  font-family: "overdoze sans Regular";
  font-size: 52px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.rabbit .lavatop-rabbitglow {
  position: absolute;
  top: 1107px;
  left: calc(50.00% - 155px);
  width: 230px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 16px;
}

.rabbit .text-wrapper-19 {
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 16px;
}

.rabbit .text-wrapper-20 {
  font-family: "overdoze sans Regular";
  font-size: 20px;
}

.rabbit .removebg-preview-10 {
  position: absolute;
  top: 1065px;
  left: 22px;
  width: 117px;
  height: 117px;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbit .download-removebg-9 {
  top: 1115px;
  left: 69px;
  width: 24px;
  height: 24px;
  position: absolute;
  aspect-ratio: 1;
}

.rabbit .rectangle-11 {
  position: absolute;
  top: 1176px;
  left: calc(50.00% - 261px);
  width: 521px;
  height: 88px;
}

.rabbit .text-wrapper-21 {
  top: 1204px;
  left: calc(50.00% + 191px);
  width: 31px;
  font-family: "overdoze sans Regular";
  font-size: 52px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.rabbit .paddle-rabbitglow {
  position: absolute;
  top: 1199px;
  left: calc(50.00% - 155px);
  width: 230px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 19px;
}

.rabbit .text-wrapper-22 {
  font-family: "KN Maiyuan Regular";
  font-size: 15px;
}

.rabbit .removebg-preview-11 {
  position: absolute;
  top: 1161px;
  left: 22px;
  width: 117px;
  height: 117px;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbit .download-removebg-10 {
  top: 1210px;
  left: 69px;
  width: 24px;
  height: 24px;
  position: absolute;
  aspect-ratio: 1;
}

.rabbit .rectangle-12 {
  position: absolute;
  top: 3604px;
  left: calc(50.00% - 261px);
  width: 521px;
  height: 106px;
}

.rabbit .my-soft-sns-world {
  position: absolute;
  top: 3637px;
  left: calc(50.00% - 167px);
  width: 334px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22px;
}

.rabbit .removebg-preview-12 {
  position: absolute;
  top: 3576px;
  left: 373px;
  width: 55px;
  height: 55px;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbit .rectangle-13 {
  position: absolute;
  top: 1323px;
  left: calc(50.00% - 261px);
  width: 521px;
  height: 106px;
}

.rabbit .rabbiluvs-soft-web {
  position: absolute;
  top: 1356px;
  left: calc(50.00% - 167px);
  width: 334px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22px;
}

.rabbit .rectangle-14 {
  position: absolute;
  top: 1901px;
  left: calc(50.00% - 261px);
  width: 521px;
  height: 106px;
}

.rabbit .my-cute-digital {
  position: absolute;
  top: 1934px;
  left: calc(50.00% - 167px);
  width: 334px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22px;
}

.rabbit .rectangle-15 {
  position: absolute;
  top: 2046px;
  left: calc(50.00% - 72px);
  width: 143px;
  height: 146px;
  object-fit: cover;
}

.rabbit .rectangle-16 {
  position: absolute;
  top: 2044px;
  left: calc(50.00% - 74px);
  width: 147px;
  height: 150px;
  border-radius: 43px;
  border: 2px solid;
  border-color: #ffa1d5;
}

.rabbit .rectangle-17 {
  position: absolute;
  top: 2046px;
  left: calc(50.00% - 235px);
  width: 143px;
  height: 146px;
  object-fit: cover;
}

.rabbit .rectangle-18 {
  position: absolute;
  top: 2044px;
  left: calc(50.00% - 237px);
  width: 147px;
  height: 150px;
  border-radius: 43px;
  border: 2px solid;
  border-color: #ffa1d5;
}

.rabbit .rectangle-19 {
  position: absolute;
  top: 2046px;
  left: calc(50.00% + 91px);
  width: 143px;
  height: 146px;
  object-fit: cover;
}

.rabbit .rectangle-20 {
  position: absolute;
  top: 2044px;
  left: calc(50.00% + 89px);
  width: 147px;
  height: 150px;
  border-radius: 43px;
  border: 2px solid;
  border-color: #ffa1d5;
}

.rabbit .rectangle-21 {
  position: absolute;
  top: 2214px;
  left: calc(50.00% - 72px);
  width: 143px;
  height: 146px;
  object-fit: cover;
}

.rabbit .rectangle-22 {
  position: absolute;
  top: 2212px;
  left: calc(50.00% - 74px);
  width: 147px;
  height: 150px;
  border-radius: 43px;
  border: 2px solid;
  border-color: #ffa1d5;
}

.rabbit .rectangle-23 {
  position: absolute;
  top: 2214px;
  left: calc(50.00% - 235px);
  width: 143px;
  height: 146px;
  object-fit: cover;
}

.rabbit .rectangle-24 {
  position: absolute;
  top: 2212px;
  left: calc(50.00% - 237px);
  width: 147px;
  height: 150px;
  border-radius: 43px;
  border: 2px solid;
  border-color: #ffa1d5;
}

.rabbit .rectangle-25 {
  position: absolute;
  top: 2214px;
  left: calc(50.00% + 91px);
  width: 143px;
  height: 146px;
  object-fit: cover;
}

.rabbit .rectangle-26 {
  position: absolute;
  top: 2212px;
  left: calc(50.00% + 89px);
  width: 147px;
  height: 150px;
  border-radius: 43px;
  border: 2px solid;
  border-color: #ffa1d5;
}

.rabbit .rectangle-27 {
  position: absolute;
  top: 2562px;
  left: calc(50.00% - 261px);
  width: 521px;
  height: 106px;
}

.rabbit .designs-i-made-the {
  position: absolute;
  top: 2595px;
  left: calc(50.00% - 167px);
  width: 334px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22px;
}

.rabbit .rectangle-28 {
  position: absolute;
  top: 2707px;
  left: calc(50.00% - 235px);
  width: 143px;
  height: 146px;
  object-fit: cover;
}

.rabbit .rectangle-29 {
  position: absolute;
  top: 2705px;
  left: calc(50.00% - 237px);
  width: 147px;
  height: 150px;
  border-radius: 43px;
  border: 2px solid;
  border-color: #ffa1d5;
}

.rabbit .rectangle-30 {
  position: absolute;
  top: 2707px;
  left: calc(50.00% - 72px);
  width: 143px;
  height: 146px;
  object-fit: cover;
}

.rabbit .rectangle-31 {
  position: absolute;
  top: 2705px;
  left: calc(50.00% - 74px);
  width: 147px;
  height: 150px;
  border-radius: 43px;
  border: 2px solid;
  border-color: #ffa1d5;
}

.rabbit .rectangle-32 {
  position: absolute;
  top: 2707px;
  left: calc(50.00% + 91px);
  width: 143px;
  height: 146px;
  object-fit: cover;
}

.rabbit .rectangle-33 {
  position: absolute;
  top: 2705px;
  left: calc(50.00% + 89px);
  width: 147px;
  height: 150px;
  border-radius: 43px;
  border: 2px solid;
  border-color: #ffa1d5;
}

.rabbit .rectangle-34 {
  position: absolute;
  top: 2875px;
  left: calc(50.00% - 235px);
  width: 143px;
  height: 146px;
  object-fit: cover;
}

.rabbit .rectangle-35 {
  position: absolute;
  top: 2873px;
  left: calc(50.00% - 237px);
  width: 147px;
  height: 150px;
  border-radius: 43px;
  border: 2px solid;
  border-color: #ffa1d5;
}

.rabbit .rectangle-36 {
  position: absolute;
  top: 2875px;
  left: calc(50.00% - 72px);
  width: 143px;
  height: 146px;
  object-fit: cover;
}

.rabbit .rectangle-37 {
  position: absolute;
  top: 2875px;
  left: calc(50.00% + 91px);
  width: 143px;
  height: 146px;
  object-fit: cover;
}

.rabbit .rectangle-38 {
  position: absolute;
  top: 2873px;
  left: calc(50.00% + 89px);
  width: 147px;
  height: 150px;
  border-radius: 43px;
  border: 2px solid;
  border-color: #ffa1d5;
}

.rabbit .removebg-preview-13 {
  position: absolute;
  top: 3059px;
  left: 24px;
  width: 117px;
  height: 117px;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbit .rectangle-39 {
  position: absolute;
  top: 2873px;
  left: calc(50.00% - 74px);
  width: 147px;
  height: 150px;
  border-radius: 43px;
  border: 2px solid;
  border-color: #ffa1d5;
}

.rabbit .rectangle-40 {
  position: absolute;
  top: 3074px;
  left: calc(50.00% - 261px);
  width: 521px;
  height: 88px;
}

.rabbit .p {
  position: absolute;
  top: 3098px;
  left: calc(50.00% - 150px);
  width: 272px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 25px;
  letter-spacing: 0;
  line-height:20px;
}

.rabbit .text-wrapper-23 {
  top: 3102px;
  left: calc(50.00% + 192px);
  width: 31px;
  font-family: "overdoze sans Regular";
  font-size: 52px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.rabbit .download-removebg-11 {
  top: 3109px;
  left: 68px;
  width: 24px;
  height: 24px;
  position: absolute;
  aspect-ratio: 1;
}

.rabbit .rectangle-41 {
  position: absolute;
  top: 3223px;
  left: calc(50.00% - 261px);
  width: 521px;
  height: 106px;
}

.rabbit .art-of-falling-for {
  position: absolute;
  top: 3256px;
  left: calc(50.00% - 167px);
  width: 334px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22px;
}

.rabbit .text-wrapper-24 {
  top: 3389px;
  left: calc(50.00% + 422px);
  width: 31px;
  font-family: "overdoze sans Regular";
  font-size: 52px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.rabbit .removebg-preview-14 {
  position: absolute;
  top: 1297px;
  left: 373px;
  width: 55px;
  height: 55px;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbit .removebg-preview-15 {
  position: absolute;
  top: 1876px;
  left: 131px;
  width: 55px;
  height: 55px;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbit .removebg-preview-16 {
  position: absolute;
  top: 2536px;
  left: 373px;
  width: 55px;
  height: 55px;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbit .removebg-preview-17 {
  position: absolute;
  top: 3198px;
  left: 131px;
  width: 55px;
  height: 55px;
  aspect-ratio: 1;
  object-fit: cover;
}

.rabbit .tik-tok {
  position: absolute;
  top: 336px;
  left: calc(50.00% - 71px);
  width: 40px;
  height: 40px;
}

.rabbit .you-tube {
  position: absolute;
  top: 336px;
  left: calc(50.00% + 34px);
  width: 40px;
  height: 40px;
}

.rabbit .instagram {
  position: absolute;
  top: 336px;
  left: calc(50.00% - 20px);
  width: 40px;
  height: 40px;
}

.rabbit .rectangle-42 {
  position: absolute;
  top: 3751px;
  left: calc(50.00% - 244px);
  width: 149px;
  height: 157px;
}

.rabbit .douyin-rabbiiism {
  position: absolute;
  top: 3822px;
  left: calc(50.00% - 231px);
  width: 123px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
}

.rabbit .text-wrapper-25 {
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 15px;
}

.rabbit .studying-creating {
  position: absolute;
  top: 3860px;
  left: calc(50.00% - 231px);
  width: 123px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 10px;
}

.rabbit .removebg-preview-18 {
  position: absolute;
  top: 3753px;
  left: calc(50.00% - 212px);
  width: 85px;
  height: 85px;
  aspect-ratio: 1.25;
    object-fit: contain;

}

.rabbit .download-removebg-12 {
  top: 3790px;
  left: calc(50.00% - 177px);
  width: 17px;
  height: 17px;
  position: absolute;
  aspect-ratio: 1;
}

.rabbit .rectangle-43 {
  position: absolute;
  top: 3751px;
  left: calc(50.00% - 75px);
  width: 149px;
  height: 157px;
}

.rabbit .rednote-rabbiiism {
  position: absolute;
  top: 3822px;
  left: calc(50.00% - 62px);
  width: 123px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
}

.rabbit .soft-days-study-haze {
  position: absolute;
  top: 3860px;
  left: calc(50.00% - 52px);
  width: 104px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 10px;
}

.rabbit .removebg-preview-19 {
  position: absolute;
  top: 3753px;
  left: calc(50.00% - 43px);
  width: 85px;
  height: 85px;
  aspect-ratio: 1.25;
    object-fit: contain;

}

.rabbit .download-removebg-13 {
  top: 3790px;
  left: calc(50.00% - 8px);
  width: 17px;
  height: 17px;
  position: absolute;
  aspect-ratio: 1;
}

.rabbit .rectangle-44 {
  position: absolute;
  top: 3751px;
  left: calc(50.00% + 94px);
  width: 149px;
  height: 157px;
}

.rabbit .VK-rabbiiism {
  position: absolute;
  top: 3822px;
  left: calc(50.00% + 107px);
  width: 123px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
}

.rabbit .daily-life-cozy {
  position: absolute;
  top: 3860px;
  left: calc(50.00% + 117px);
  width: 104px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 10px;
}

.rabbit .removebg-preview-20 {
  position: absolute;
  top: 3753px;
  left: calc(50.00% + 126px);
  width: 85px;
  height: 85px;
  aspect-ratio: 1.25;
    object-fit: contain;

}

.rabbit .download-removebg-14 {
  top: 3790px;
  left: calc(50.00% + 161px);
  width: 17px;
  height: 17px;
  position: absolute;
  aspect-ratio: 1;
}

.rabbit .rectangle-45 {
  position: absolute;
  top: 3920px;
  left: calc(50.00% - 244px);
  width: 149px;
  height: 157px;
}

.rabbit .bilibili-rabbiiism {
  position: absolute;
  top: 3991px;
  left: calc(50.00% - 231px);
  width: 123px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
}

.rabbit .currently-studying {
  position: absolute;
  top: 4029px;
  left: calc(50.00% - 231px);
  width: 123px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 10px;
}

.rabbit .removebg-preview-21 {
  position: absolute;
  top: 3922px;
  left: calc(50.00% - 212px);
  width: 85px;
  height: 85px;
  aspect-ratio: 1.25;
    object-fit: contain;

}

.rabbit .download-removebg-15 {
  top: 3959px;
  left: calc(50.00% - 177px);
  width: 17px;
  height: 17px;
  position: absolute;
  aspect-ratio: 1;
}

.rabbit .rectangle-46 {
  position: absolute;
  top: 3920px;
  left: calc(50.00% - 75px);
  width: 149px;
  height: 157px;
}

.rabbit .naver-blog-rabbiiism {
  position: absolute;
  top: 3991px;
  left: calc(50.00% - 62px);
  width: 123px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
}

.rabbit .text-wrapper-26 {
  position: absolute;
  top: 4029px;
  left: calc(50.00% - 52px);
  width: 104px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 10px;
}

.rabbit .removebg-preview-22 {
  position: absolute;
  top: 3922px;
  left: calc(50.00% - 43px);
  width: 85px;
  height: 85px;
  aspect-ratio: 1.25;
    object-fit: contain;

}

.rabbit .download-removebg-16 {
  top: 3959px;
  left: calc(50.00% - 8px);
  width: 17px;
  height: 17px;
  position: absolute;
    object-fit: contain;

  aspect-ratio: 1;
}

.rabbit .rectangle-47 {
  position: absolute;
  top: 3920px;
  left: calc(50.00% + 94px);
  width: 149px;
  height: 157px;
}

.rabbit .kakao-story {
  position: absolute;
  top: 3991px;
  left: calc(50.00% + 107px);
  width: 123px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
}

.rabbit .text-wrapper-27 {
  position: absolute;
  top: 4029px;
  left: calc(50.00% + 117px);
  width: 104px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 10px;
}

.rabbit .removebg-preview-23 {
  position: absolute;
  top: 3922px;
  left: calc(50.00% + 126px);
  width: 85px;
  height: 85px;
    object-fit: contain;

  aspect-ratio: 1.25;
}

.rabbit .download-removebg-17 {
  top: 3959px;
  left: calc(50.00% + 161px);
  width: 17px;
  height: 17px;
  position: absolute;
  aspect-ratio: 1;
}

.rabbit .rectangle-48 {
  position: absolute;
  top: 4090px;
  left: calc(50.00% - 244px);
  width: 149px;
  height: 157px;
}

.rabbit .pinterest-rabbiiism {
  position: absolute;
  top: 4161px;
  left: calc(50.00% - 231px);
  width: 123px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
}

.rabbit .notes-videos-dreams {
  position: absolute;
  top: 4199px;
  left: calc(50.00% - 225px);
  width: 110px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 10px;
}

.rabbit .removebg-preview-24 {
  position: absolute;
  top: 4092px;
  left: calc(50.00% - 212px);
  width: 85px;
  height: 85px;
  aspect-ratio: 1.25;
    object-fit: contain;

}

.rabbit .download-removebg-18 {
  top: 4129px;
  left: calc(50.00% - 177px);
  width: 17px;
  height: 17px;
  position: absolute;
  aspect-ratio: 1;
}

.rabbit .rectangle-49 {
  position: absolute;
  top: 4090px;
  left: calc(50.00% - 75px);
  width: 149px;
  height: 157px;
}

.rabbit .telegram-rabbiiism {
  position: absolute;
  top: 4161px;
  left: calc(50.00% - 62px);
  width: 123px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
}

.rabbit .rabbiiism-routines {
  position: absolute;
  top: 4199px;
  left: calc(50.00% - 52px);
  width: 104px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 10px;
}

.rabbit .removebg-preview-25 {
  position: absolute;
  top: 4092px;
  left: calc(50.00% - 43px);
  width: 85px;
  height: 85px;
  aspect-ratio: 1.25;
    object-fit: contain;

}

.rabbit .download-removebg-19 {
  top: 4129px;
  left: calc(50.00% - 8px);
  width: 17px;
  height: 17px;
  position: absolute;
  aspect-ratio: 1;
}

.rabbit .rectangle-50 {
  position: absolute;
  top: 4090px;
  left: calc(50.00% + 94px);
  width: 149px;
  height: 157px;
}

.rabbit .behance-rabbiiism {
  position: absolute;
  top: 4161px;
  left: calc(50.00% + 107px);
  width: 123px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15px;
}

.rabbit .text-wrapper-28 {
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 15px;
}

.rabbit .text-wrapper-29 {
  position: absolute;
  top: 4199px;
  left: calc(50.00% + 128px);
  width: 88px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 10px;
}

.rabbit .removebg-preview-26 {
  position: absolute;
  top: 4092px;
  left: calc(50.00% + 126px);
  width: 85px;
  height: 85px;
  aspect-ratio: 1.25;
    object-fit: contain;

}

.rabbit .download-removebg-20 {
  top: 4129px;
  left: calc(50.00% + 161px);
  width: 17px;
  height: 17px;
  position: absolute;
  aspect-ratio: 1;
    object-fit: contain;

}

.rabbit .hehe {
  top: 471px;
  position: absolute;
  left: calc(50.00% - 242px);
  width: 484px;
  height: 115px;
  aspect-ratio: 4.19;
  object-fit: cover;
}

.rabbit .hehe-2 {
  top: 4302px;
  position: absolute;
  left: calc(50.00% - 242px);
  width: 484px;
  height: 115px;
  aspect-ratio: 4.19;
  object-fit: cover;
}



/* Laptop & Desktop */
@media (min-width: 810px) {
  body {
    display: flex;
    justify-content: center;
  }

  .rabbit {
    width: 576px;
    margin: 0 auto;
    transform: scale(1.15);
    transform-origin: top center;
  }
}

/* Large screens */
@media (min-width: 1024px) {
  .rabbit {
    transform: scale(1.25);
  }
}

@media (max-width: 390px) {
  .rabbit {
    width: 576px;
    transform: scale(0.65);
    transform-origin: top center;
    margin-left: calc((576px - 576px * 0.65) / -2.2);
  }
}


/* Language font switching classes */
.font-english { 
    font-family: "Vividly-Regular", "overdoze sans Regular", sans-serif; 
}
.font-korean { 
    font-family: "Single Day", "Vividly-Regular", cursive; 
}
.font-russian { 
    font-family: "overdoze sans Regular", "Vividly-Regular", sans-serif; 
}
.font-chinese { 
    font-family: "KN Maiyuan Regular", "Vividly-Regular", serif; 
}