@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);
}
/* 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";
  /* 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: "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": "Black Future-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
  font-family: "Black Future-Regular";
  src: local("Black Future-Regular");
}
.self-lovee {
  background-image: url(./img/self-lovee.png);
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  min-width: 576px;
  min-height: 1818px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.self-lovee .softdecor {
  height: 92.33px;
  width: 504.38px;
  margin-top: 102.9px;
  aspect-ratio: 5.46;
  object-fit: cover;
}

.self-lovee .selflove {
  margin-left: 0;
  height: 329.88px;
  width: 256.6px;
  margin-top: 56.3px;
  aspect-ratio: 0.78;
  object-fit: cover;
}

.self-lovee .group {
  margin-left: 22px;
  height: 831.24px;
  width: 535.32px;
  position: relative;
  margin-top: 44.2px;
}

.self-lovee .rectangle {
  position: absolute;
  top: 20px;
  left: calc(50.00% - 268px);
  width: 513px;
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
}

.self-lovee .i-deserve-happiness {
  position: absolute;
  top: 41px;
  left: calc(50.00% - 205px);
  width: 387px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-lovee .removebg-preview {
  top: 0;
  left: 435px;
  width: 40px;
  height: 40px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-lovee .div {
  position: absolute;
  top: 94px;
  left: calc(50.00% - 268px);
  width: 513px;
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
}

.self-lovee .i-shine-in-my-own {
  position: absolute;
  top: 115px;
  left: calc(50.00% - 205px);
  width: 387px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-lovee .img {
  top: 70px;
  left: 47px;
  width: 48px;
  height: 48px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-lovee .rectangle-2 {
  position: absolute;
  top: 167px;
  left: calc(50.00% - 268px);
  width: 513px;
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
}

.self-lovee .i-am-a-soft-gentle {
  position: absolute;
  top: 188px;
  left: calc(50.00% - 205px);
  width: 387px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-lovee .removebg-preview-2 {
  top: 144px;
  left: 432px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-lovee .rectangle-3 {
  position: absolute;
  top: 241px;
  left: calc(50.00% - 268px);
  width: 513px;
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
}

.self-lovee .i-am-cozy-and-safe {
  position: absolute;
  top: 262px;
  left: calc(50.00% - 223px);
  width: 425px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-lovee .removebg-preview-3 {
  top: 217px;
  left: 47px;
  width: 48px;
  height: 48px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-lovee .rectangle-4 {
  position: absolute;
  top: 315px;
  left: calc(50.00% - 268px);
  width: 513px;
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
}

.self-lovee .i-am-proud-of-who-i {
  position: absolute;
  top: 335px;
  left: calc(50.00% - 232px);
  width: 443px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-lovee .removebg-preview-4 {
  top: 291px;
  left: 432px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-lovee .rectangle-5 {
  position: absolute;
  top: 389px;
  left: calc(50.00% - 268px);
  width: 513px;
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
}

.self-lovee .i-am-soft-strong-and {
  position: absolute;
  top: 409px;
  left: calc(50.00% - 227px);
  width: 432px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-lovee .removebg-preview-5 {
  top: 365px;
  left: 47px;
  width: 48px;
  height: 48px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-lovee .rectangle-6 {
  position: absolute;
  top: 462px;
  left: calc(50.00% - 268px);
  width: 513px;
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
}

.self-lovee .i-radiate-calm-and {
  position: absolute;
  top: 482px;
  left: calc(50.00% - 232px);
  width: 441px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-lovee .removebg-preview-6 {
  top: 439px;
  left: 432px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-lovee .rectangle-7 {
  position: absolute;
  top: 536px;
  left: calc(50.00% - 268px);
  width: 513px;
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
}

.self-lovee .II-am-allowed-to {
  position: absolute;
  top: 556px;
  left: calc(50.00% - 223px);
  width: 425px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-lovee .removebg-preview-7 {
  top: 512px;
  left: 47px;
  width: 48px;
  height: 48px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-lovee .rectangle-8 {
  position: absolute;
  top: 609px;
  left: calc(50.00% - 268px);
  width: 513px;
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
}

.self-lovee .i-am-glowing-inside {
  position: absolute;
  top: 629px;
  left: calc(50.00% - 232px);
  width: 441px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-lovee .removebg-preview-8 {
  top: 586px;
  left: 432px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-lovee .rectangle-9 {
  position: absolute;
  top: 772px;
  left: calc(50.00% - 197px);
  width: 371px;
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
}

.self-lovee .text-wrapper {
  position: absolute;
  top: 793px;
  left: calc(50.00% - 232px);
  width: 441px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-lovee .rectangle-10 {
  position: absolute;
  top: 683px;
  left: calc(50.00% - 268px);
  width: 513px;
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
}

.self-lovee .i-am-gentle-with-my {
  position: absolute;
  top: 703px;
  left: calc(50.00% - 223px);
  width: 425px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-lovee .removebg-preview-9 {
  top: 659px;
  left: 47px;
  width: 48px;
  height: 48px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-lovee .softdecor-2 {
  height: 92.33px;
  width: 504.38px;
  margin-top: 63.8px;
  aspect-ratio: 5.46;
  object-fit: cover;
}

.self-lovee .group-2 {
  margin-left: 8px;
  height: 94.84px;
  width: 521.32px;
  position: relative;
  margin-top: 37.7px;
}

.self-lovee .rectangle-11 {
  position: absolute;
  top: 0;
  left: calc(50.00% - 261px);
  width: 513px;
  height: 95px;
}

.self-lovee .text-wrapper-2 {
  position: absolute;
  top: 10px;
  left: calc(50.00% - 61px);
  width: 114px;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 19px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.self-lovee .a-soft-place-to-glow {
  position: absolute;
  top: 32px;
  left: calc(50.00% - 95px);
  width: 182px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-lovee .about-contact {
  position: absolute;
  top: 49px;
  left: calc(50.00% - 198px);
  width: 389px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 17px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-lovee .element-rabbitelle-all {
  position: absolute;
  top: 70px;
  left: calc(50.00% - 122px);
  width: 236px;
  font-family: "Black Future-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-lovee .span {
  font-family: "Black Future-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 11px;
  letter-spacing: 0;
}

.self-lovee .text-wrapper-3 {
  font-family: "Vividly-Regular", Helvetica;
}


.about-contact a {
    color: #ffa7d4; /* This matches your pink theme */
    text-decoration: none; /* This removes the underline */
}

.about-contact a:hover {
    opacity: 0.7; /* This adds a cute "hover" effect */
}


@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%;
}
/* 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": "Inter-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
  font-family: "Inter-Regular";
  src: local("Inter-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");
}
.self-love {
  background-image: url(./img/self-love.png);
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  min-width: 576px;
  min-height: 2981px;
  position: relative;
}

.self-love .rectangle {
  top: 232px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-am-enough-just-as {
  position: absolute;
  top: 252px;
  left: calc(50.00% - 194px);
  width: 387px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview {
  top: 209px;
  left: 463px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .div {
  top: 306px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .my-heart-is-worthy {
  position: absolute;
  top: 326px;
  left: calc(50.00% - 194px);
  width: 387px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .img {
  top: 282px;
  left: 78px;
  width: 48px;
  height: 48px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-2 {
  top: 379px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-am-a-soft-gentle {
  position: absolute;
  top: 399px;
  left: calc(50.00% - 194px);
  width: 387px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-2 {
  top: 356px;
  left: 463px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-3 {
  top: 453px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-deserve-kind-words {
  position: absolute;
  top: 473px;
  left: calc(50.00% - 212px);
  width: 425px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-3 {
  top: 429px;
  left: 78px;
  width: 48px;
  height: 48px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-4 {
  top: 526px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-am-proud-of-who-i {
  position: absolute;
  top: 546px;
  left: calc(50.00% - 221px);
  width: 443px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-4 {
  top: 503px;
  left: 463px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-5 {
  top: 600px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .my-mistakes-do-not {
  position: absolute;
  top: 620px;
  left: calc(50.00% - 194px);
  width: 387px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-5 {
  top: 576px;
  left: 78px;
  width: 48px;
  height: 48px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-6 {
  top: 673px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-am-worthy-of-joy {
  position: absolute;
  top: 694px;
  left: calc(50.00% - 221px);
  width: 441px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-6 {
  top: 650px;
  left: 463px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-7 {
  top: 747px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-am-a-precious {
  position: absolute;
  top: 768px;
  left: calc(50.00% - 212px);
  width: 425px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-7 {
  top: 723px;
  left: 78px;
  width: 48px;
  height: 48px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-8 {
  top: 823px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-honor-my-feelings {
  position: absolute;
  top: 843px;
  left: calc(50.00% - 194px);
  width: 387px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-8 {
  top: 800px;
  left: 463px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-9 {
  top: 897px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-am-gentle-with {
  position: absolute;
  top: 917px;
  left: calc(50.00% - 194px);
  width: 387px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-9 {
  top: 873px;
  left: 78px;
  width: 48px;
  height: 48px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-10 {
  top: 970px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-am-beautiful {
  position: absolute;
  top: 991px;
  left: calc(50.00% - 194px);
  width: 387px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-10 {
  top: 947px;
  left: 463px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-11 {
  top: 1044px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-celebrate-my {
  position: absolute;
  top: 1065px;
  left: calc(50.00% - 212px);
  width: 425px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-11 {
  top: 1020px;
  left: 78px;
  width: 48px;
  height: 48px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-12 {
  top: 1117px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .my-heart-is-full-of {
  position: absolute;
  top: 1138px;
  left: calc(50.00% - 221px);
  width: 443px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-12 {
  top: 1094px;
  left: 463px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-13 {
  top: 1191px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-radiate-kindness {
  position: absolute;
  top: 1212px;
  left: calc(50.00% - 194px);
  width: 387px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-13 {
  top: 1168px;
  left: 78px;
  width: 48px;
  height: 48px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-14 {
  top: 1265px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-am-my-own-best {
  position: absolute;
  top: 1285px;
  left: calc(50.00% - 221px);
  width: 441px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-14 {
  top: 1242px;
  left: 463px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-15 {
  top: 1339px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-honor-my-body-with {
  position: absolute;
  top: 1359px;
  left: calc(50.00% - 212px);
  width: 425px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-15 {
  top: 1315px;
  left: 78px;
  width: 48px;
  height: 48px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-16 {
  top: 1413px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-am-worthy-of {
  position: absolute;
  top: 1433px;
  left: calc(50.00% - 233px);
  width: 465px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-16 {
  top: 1390px;
  left: 463px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-17 {
  top: 1487px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-am-a-gentle-loving {
  position: absolute;
  top: 1507px;
  left: calc(50.00% - 194px);
  width: 387px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-17 {
  top: 1463px;
  left: 78px;
  width: 48px;
  height: 48px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-18 {
  top: 1560px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-trust-myself-to {
  position: absolute;
  top: 1581px;
  left: calc(50.00% - 238px);
  width: 475px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-18 {
  top: 1537px;
  left: 463px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-19 {
  top: 1634px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-cherish-my {
  position: absolute;
  top: 1655px;
  left: calc(50.00% - 212px);
  width: 425px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-19 {
  top: 1610px;
  left: 78px;
  width: 48px;
  height: 48px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-20 {
  top: 1707px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-am-soft-strong-and {
  position: absolute;
  top: 1728px;
  left: calc(50.00% - 221px);
  width: 443px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-20 {
  top: 1684px;
  left: 463px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-21 {
  top: 1781px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-am-worthy-of-quiet {
  position: absolute;
  top: 1802px;
  left: calc(50.00% - 216px);
  width: 431px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-21 {
  top: 1757px;
  left: 78px;
  width: 48px;
  height: 48px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-22 {
  top: 1854px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-am-enough-even-on {
  position: absolute;
  top: 1875px;
  left: calc(50.00% - 221px);
  width: 441px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-22 {
  top: 1831px;
  left: 463px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-23 {
  top: 1928px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-love-my-quirks-and {
  position: absolute;
  top: 1949px;
  left: calc(50.00% - 212px);
  width: 425px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-23 {
  top: 1905px;
  left: 78px;
  width: 48px;
  height: 48px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-24 {
  top: 2004px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-am-gentle-with-my {
  position: absolute;
  top: 2025px;
  left: calc(50.00% - 194px);
  width: 387px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-24 {
  top: 1981px;
  left: 463px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-25 {
  top: 2078px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-am-allowed-to-say {
  position: absolute;
  top: 2099px;
  left: calc(50.00% - 194px);
  width: 387px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-25 {
  top: 2054px;
  left: 78px;
  width: 48px;
  height: 48px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-26 {
  top: 2151px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-honor-my-personal {
  position: absolute;
  top: 2172px;
  left: calc(50.00% - 211px);
  width: 421px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-26 {
  top: 2128px;
  left: 463px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-27 {
  top: 2225px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-listen-to-my-heart {
  position: absolute;
  top: 2246px;
  left: calc(50.00% - 212px);
  width: 425px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-27 {
  top: 2202px;
  left: 78px;
  width: 48px;
  height: 48px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-28 {
  top: 2299px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-am-proud-of-my {
  position: absolute;
  top: 2319px;
  left: calc(50.00% - 221px);
  width: 443px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-28 {
  top: 2276px;
  left: 463px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-29 {
  top: 2373px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-embrace-my-inner {
  position: absolute;
  top: 2393px;
  left: calc(50.00% - 194px);
  width: 387px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-29 {
  top: 2349px;
  left: 78px;
  width: 48px;
  height: 48px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-30 {
  top: 2446px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-am-a-cozy-loving {
  position: absolute;
  top: 2466px;
  left: calc(50.00% - 221px);
  width: 441px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-30 {
  top: 2423px;
  left: 463px;
  width: 46px;
  height: 46px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .rectangle-31 {
  top: 2520px;
  left: calc(50.00% - 257px);
  height: 59px;
  background-color: #ffffff;
  border-radius: 58px;
  position: absolute;
  width: 513px;
}

.self-love .i-am-my-favorite {
  position: absolute;
  top: 2540px;
  left: calc(50.00% - 235px);
  width: 469px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .removebg-preview-31 {
  top: 2496px;
  left: 78px;
  width: 48px;
  height: 48px;
  position: absolute;
  aspect-ratio: 1;
  object-fit: cover;
}

.self-love .softdecor {
  top: 90px;
  position: absolute;
  left: calc(50.00% - 252px);
  width: 504px;
  height: 92px;
  aspect-ratio: 5.46;
  object-fit: cover;
}

.self-love .group {
  position: absolute;
  top: 2766px;
  left: calc(50.00% - 257px);
  width: 521px;
  height: 95px;
}

.self-love .rectangle-32 {
  top: 0;
  left: calc(50.00% - 261px);
  height: 95px;
  position: absolute;
  width: 513px;
}

.self-love .text-wrapper {
  position: absolute;
  top: 10px;
  left: calc(50.00% - 61px);
  width: 114px;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 19px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.self-love .a-soft-place-to-glow {
  position: absolute;
  top: 32px;
  left: calc(50.00% - 95px);
  width: 182px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .about-contact {
  position: absolute;
  top: 49px;
  left: calc(50.00% - 198px);
  width: 389px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 17px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .element-rabbitelle-all {
  position: absolute;
  top: 70px;
  left: calc(50.00% - 122px);
  width: 236px;
  font-family: "Black Future-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.self-love .span {
  font-family: "Black Future-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 11px;
  letter-spacing: 0;
}

.self-love .text-wrapper-2 {
  font-family: "Vividly-Regular", Helvetica;
}

.self-love .softdecor-2 {
  top: 2636px;
  position: absolute;
  left: calc(50.00% - 252px);
  width: 504px;
  height: 92px;
  aspect-ratio: 5.46;
  object-fit: cover;
}


.self-love {
    width: 576px;
    margin: 0 auto;
    position: relative;
    transform-origin: top center;
}

/* 📱 Small phones (390px) */
@media (max-width: 390px) {
    .self-love {
        left: 50%;
        transform: translateX(-50%) scale(0.67);
        min-height:2000px;
    }
}

/* 📱 Tablets (810px) */
@media (min-width: 810px) {
    .self-love {
             transform: scale(1);

    }
}

/* 💻 Laptops (1024px+) */
@media (min-width: 1024px) {
    .self-love {
               transform: scale(1.25);

}

/* prevent side scroll */
body {
    overflow-x: hidden;
}
}





.self-lovee {
    width: 576px;
    margin: 0 auto;
    position: relative;
    transform-origin: top center;
}
/* 📱 Small phones (390px) */
@media (max-width: 390px) {
    .self-lovee {
        left: 50%;
        transform: translateX(-50%) scale(0.67);
        min-height:1270px;
    }
     html, body {
        height: 900px;
        min-height: 1270px;
    }
}

/* 📱 Tablets (810px) */
@media (min-width: 810px) {
    .self-lovee {
             transform: scale(1);

    }
}

/* 💻 Laptops (1024px+) */
@media (min-width: 1024px) {
    .self-lovee {
               transform: scale(1.25);

}

/* prevent side scroll */
body {
    overflow-x: hidden;
}
}