@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");
}
.soft-symbols {
  overflow: hidden;
  width: 100%;
  min-width: 576px;
  min-height: 2536px;
  position: relative;
}

.soft-symbols .rectangle {
  position: absolute;
  top: 408px;
  left: calc(50.00% - 161px);
  width: 323px;
  height: 62px;
  background-color: #ffffff;
  border-radius: 58px;
}

.soft-symbols .div {
  position: absolute;
  top: 492px;
  left: calc(50.00% - 257px);
  width: 138px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .img {
  position: absolute;
  top: 325px;
  left: calc(50.00% - 150px);
  width: 300px;
  height: 61px;
}

.soft-symbols .rectangle-2 {
  position: absolute;
  top: 240px;
  left: calc(50.00% - 203px);
  width: 406px;
  height: 89px;
}

.soft-symbols .soft-symbols-tiny {
  top: 264px;
  left: calc(50.00% - 194px);
  width: 387px;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

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

.soft-symbols .span {
  font-size: 23px;
}

.soft-symbols .text-wrapper-2 {
  top: 504px;
  left: calc(50.00% - 234px);
  width: 92px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-3 {
  position: absolute;
  top: 541px;
  left: calc(50.00% - 257px);
  width: 179px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .rectangle-4 {
  position: absolute;
  top: 541px;
  left: calc(50.00% - 69px);
  width: 137px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-3 {
  top: 553px;
  left: calc(50.00% - 60px);
  width: 120px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-5 {
  position: absolute;
  top: 541px;
  left: calc(50.00% + 77px);
  width: 179px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-4 {
  top: 555px;
  left: calc(50.00% - 238px);
  width: 142px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-6 {
  position: absolute;
  top: 492px;
  left: calc(50.00% - 111px);
  width: 171px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-5 {
  top: 504px;
  left: calc(50.00% - 95px);
  width: 140px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-7 {
  position: absolute;
  top: 492px;
  left: calc(50.00% + 69px);
  width: 188px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-6 {
  top: 505px;
  left: calc(50.00% + 71px);
  width: 184px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .p {
  top: 554px;
  left: calc(50.00% + 95px);
  width: 143px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-8 {
  position: absolute;
  top: 590px;
  left: calc(50.00% - 257px);
  width: 97px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-7 {
  top: 602px;
  left: calc(50.00% - 239px);
  width: 62px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-9 {
  position: absolute;
  top: 639px;
  left: calc(50.00% - 257px);
  width: 179px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .rectangle-10 {
  position: absolute;
  top: 639px;
  left: calc(50.00% - 69px);
  width: 137px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

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

.soft-symbols .rectangle-11 {
  position: absolute;
  top: 639px;
  left: calc(50.00% + 77px);
  width: 179px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-9 {
  top: 653px;
  left: calc(50.00% - 238px);
  width: 142px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-12 {
  position: absolute;
  top: 590px;
  left: calc(50.00% - 152px);
  width: 103px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-10 {
  top: 600px;
  left: calc(50.00% - 139px);
  width: 73px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-13 {
  position: absolute;
  top: 590px;
  left: calc(50.00% - 42px);
  width: 103px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-11 {
  top: 604px;
  left: calc(50.00% - 33px);
  width: 85px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-14 {
  position: absolute;
  top: 590px;
  left: calc(50.00% + 69px);
  width: 188px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-12 {
  top: 603px;
  left: calc(50.00% + 71px);
  width: 184px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .text-wrapper-13 {
  top: 652px;
  left: calc(50.00% + 95px);
  width: 143px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .hearts-love {
  position: absolute;
  top: 429px;
  left: calc(50.00% - 146px);
  width: 292px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.soft-symbols .rectangle-15 {
  position: absolute;
  top: 701px;
  left: calc(50.00% - 161px);
  width: 323px;
  height: 62px;
  background-color: #ffffff;
  border-radius: 58px;
}

.soft-symbols .rectangle-16 {
  position: absolute;
  top: 785px;
  left: calc(50.00% - 257px);
  width: 138px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-14 {
  top: 799px;
  left: calc(50.00% - 244px);
  width: 112px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-17 {
  position: absolute;
  top: 834px;
  left: calc(50.00% - 257px);
  width: 179px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .rectangle-18 {
  position: absolute;
  top: 834px;
  left: calc(50.00% - 69px);
  width: 137px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-15 {
  top: 847px;
  left: calc(50.00% - 60px);
  width: 120px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-19 {
  position: absolute;
  top: 834px;
  left: calc(50.00% + 77px);
  width: 179px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-16 {
  top: 849px;
  left: calc(50.00% - 238px);
  width: 142px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-20 {
  position: absolute;
  top: 785px;
  left: calc(50.00% - 111px);
  width: 171px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-17 {
  top: 799px;
  left: calc(50.00% - 95px);
  width: 140px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-21 {
  position: absolute;
  top: 785px;
  left: calc(50.00% + 69px);
  width: 188px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-18 {
  top: 799px;
  left: calc(50.00% + 71px);
  width: 184px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .text-wrapper-19 {
  top: 848px;
  left: calc(50.00% + 82px);
  width: 168px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-22 {
  position: absolute;
  top: 883px;
  left: calc(50.00% - 257px);
  width: 97px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-20 {
  top: 896px;
  left: calc(50.00% - 257px);
  width: 101px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-23 {
  position: absolute;
  top: 932px;
  left: calc(50.00% - 257px);
  width: 179px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .rectangle-24 {
  position: absolute;
  top: 932px;
  left: calc(50.00% - 69px);
  width: 137px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-21 {
  top: 946px;
  left: calc(50.00% - 60px);
  width: 120px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-25 {
  position: absolute;
  top: 932px;
  left: calc(50.00% + 77px);
  width: 179px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-22 {
  top: 947px;
  left: calc(50.00% - 238px);
  width: 142px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-26 {
  position: absolute;
  top: 883px;
  left: calc(50.00% - 152px);
  width: 103px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-23 {
  top: 898px;
  left: calc(50.00% - 142px);
  width: 82px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-27 {
  position: absolute;
  top: 883px;
  left: calc(50.00% - 42px);
  width: 103px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-24 {
  top: 897px;
  left: calc(50.00% - 40px);
  width: 103px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-28 {
  position: absolute;
  top: 883px;
  left: calc(50.00% + 69px);
  width: 188px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-25 {
  top: 897px;
  left: calc(50.00% + 71px);
  width: 184px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .text-wrapper-26 {
  top: 946px;
  left: calc(50.00% + 95px);
  width: 155px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .sparkles-stars {
  position: absolute;
  top: 723px;
  left: calc(50.00% - 146px);
  width: 292px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.soft-symbols .rectangle-29 {
  position: absolute;
  top: 1290px;
  left: calc(50.00% - 161px);
  width: 323px;
  height: 62px;
  background-color: #ffffff;
  border-radius: 58px;
}

.soft-symbols .rectangle-30 {
  position: absolute;
  top: 1374px;
  left: calc(50.00% - 256px);
  width: 138px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

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

.soft-symbols .rectangle-31 {
  position: absolute;
  top: 1423px;
  left: calc(50.00% - 256px);
  width: 179px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .rectangle-32 {
  position: absolute;
  top: 1423px;
  left: calc(50.00% - 68px);
  width: 137px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-28 {
  top: 1435px;
  left: calc(50.00% - 60px);
  width: 120px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-33 {
  position: absolute;
  top: 1423px;
  left: calc(50.00% + 77px);
  width: 179px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

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

.soft-symbols .rectangle-34 {
  position: absolute;
  top: 1374px;
  left: calc(50.00% - 110px);
  width: 171px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-30 {
  top: 1387px;
  left: calc(50.00% - 95px);
  width: 140px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-35 {
  position: absolute;
  top: 1374px;
  left: calc(50.00% + 69px);
  width: 188px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-31 {
  top: 1387px;
  left: calc(50.00% + 71px);
  width: 184px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .text-wrapper-32 {
  top: 1436px;
  left: calc(50.00% + 83px);
  width: 168px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-36 {
  position: absolute;
  top: 1472px;
  left: calc(50.00% - 256px);
  width: 97px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-33 {
  top: 1484px;
  left: calc(50.00% - 257px);
  width: 101px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-37 {
  position: absolute;
  top: 1521px;
  left: calc(50.00% - 256px);
  width: 179px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .rectangle-38 {
  position: absolute;
  top: 1521px;
  left: calc(50.00% - 68px);
  width: 137px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-34 {
  top: 1534px;
  left: calc(50.00% - 60px);
  width: 120px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-39 {
  position: absolute;
  top: 1521px;
  left: calc(50.00% + 77px);
  width: 179px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-35 {
  top: 1535px;
  left: calc(50.00% - 238px);
  width: 142px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-40 {
  position: absolute;
  top: 1472px;
  left: calc(50.00% - 152px);
  width: 103px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-36 {
  top: 1486px;
  left: calc(50.00% - 142px);
  width: 82px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-41 {
  position: absolute;
  top: 1472px;
  left: calc(50.00% - 41px);
  width: 103px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-37 {
  top: 1485px;
  left: calc(50.00% - 39px);
  width: 103px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-42 {
  position: absolute;
  top: 1472px;
  left: calc(50.00% + 69px);
  width: 188px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-38 {
  top: 1485px;
  left: calc(50.00% + 71px);
  width: 184px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .text-wrapper-39 {
  top: 1534px;
  left: calc(50.00% + 96px);
  width: 155px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .bows-cute {
  position: absolute;
  top: 1311px;
  left: calc(50.00% - 146px);
  width: 292px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.soft-symbols .rectangle-43 {
  position: absolute;
  top: 1583px;
  left: calc(50.00% - 161px);
  width: 323px;
  height: 62px;
  background-color: #ffffff;
  border-radius: 58px;
}

.soft-symbols .rectangle-44 {
  position: absolute;
  top: 1667px;
  left: calc(50.00% - 256px);
  width: 138px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-40 {
  top: 1681px;
  left: calc(50.00% - 244px);
  width: 112px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-45 {
  position: absolute;
  top: 1716px;
  left: calc(50.00% - 256px);
  width: 179px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .rectangle-46 {
  position: absolute;
  top: 1716px;
  left: calc(50.00% - 68px);
  width: 137px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

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

.soft-symbols .rectangle-47 {
  position: absolute;
  top: 1716px;
  left: calc(50.00% + 77px);
  width: 179px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-42 {
  top: 1730px;
  left: calc(50.00% - 238px);
  width: 142px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-48 {
  position: absolute;
  top: 1667px;
  left: calc(50.00% - 110px);
  width: 171px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-43 {
  top: 1681px;
  left: calc(50.00% - 95px);
  width: 140px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-49 {
  position: absolute;
  top: 1667px;
  left: calc(50.00% + 69px);
  width: 188px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-44 {
  top: 1681px;
  left: calc(50.00% + 71px);
  width: 184px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .text-wrapper-45 {
  top: 1730px;
  left: calc(50.00% + 83px);
  width: 168px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-50 {
  position: absolute;
  top: 1765px;
  left: calc(50.00% - 256px);
  width: 97px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .rectangle-51 {
  position: absolute;
  top: 1814px;
  left: calc(50.00% - 256px);
  width: 179px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .rectangle-52 {
  position: absolute;
  top: 1814px;
  left: calc(50.00% - 68px);
  width: 137px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-46 {
  top: 1828px;
  left: calc(50.00% - 60px);
  width: 120px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-53 {
  position: absolute;
  top: 1814px;
  left: calc(50.00% + 77px);
  width: 179px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-47 {
  top: 1828px;
  left: calc(50.00% - 238px);
  width: 142px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-54 {
  position: absolute;
  top: 1765px;
  left: calc(50.00% - 152px);
  width: 103px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-48 {
  top: 1780px;
  left: calc(50.00% - 142px);
  width: 82px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .text-wrapper-49 {
  top: 1780px;
  left: calc(50.00% - 250px);
  width: 82px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-55 {
  position: absolute;
  top: 1765px;
  left: calc(50.00% - 41px);
  width: 103px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-50 {
  top: 1779px;
  left: calc(50.00% - 39px);
  width: 103px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-56 {
  position: absolute;
  top: 1765px;
  left: calc(50.00% + 69px);
  width: 188px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-51 {
  top: 1779px;
  left: calc(50.00% + 71px);
  width: 184px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .text-wrapper-52 {
  top: 1828px;
  left: calc(50.00% + 96px);
  width: 155px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

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

.soft-symbols .rectangle-57 {
  position: absolute;
  top: 1875px;
  left: calc(50.00% - 161px);
  width: 323px;
  height: 62px;
  background-color: #ffffff;
  border-radius: 58px;
}

.soft-symbols .rectangle-58 {
  position: absolute;
  top: 1959px;
  left: calc(50.00% - 256px);
  width: 138px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-54 {
  top: 1973px;
  left: calc(50.00% - 244px);
  width: 112px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-59 {
  position: absolute;
  top: 2008px;
  left: calc(50.00% - 256px);
  width: 179px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .rectangle-60 {
  position: absolute;
  top: 2008px;
  left: calc(50.00% - 68px);
  width: 137px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-55 {
  top: 2023px;
  left: calc(50.00% - 62px);
  width: 120px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-61 {
  position: absolute;
  top: 2008px;
  left: calc(50.00% + 77px);
  width: 179px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-56 {
  top: 2022px;
  left: calc(50.00% - 238px);
  width: 142px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-62 {
  position: absolute;
  top: 1959px;
  left: calc(50.00% - 110px);
  width: 171px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .soft-cozy-vibe {
  position: absolute;
  top: 1973px;
  left: calc(50.00% - 114px);
  width: 167px;
  transform: rotate(0.22deg);
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.soft-symbols .rectangle-63 {
  position: absolute;
  top: 1959px;
  left: calc(50.00% + 69px);
  width: 188px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-57 {
  top: 1973px;
  left: calc(50.00% + 71px);
  width: 184px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .text-wrapper-58 {
  top: 2022px;
  left: calc(50.00% + 75px);
  width: 185px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-64 {
  position: absolute;
  top: 2057px;
  left: calc(50.00% - 256px);
  width: 97px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .rectangle-65 {
  position: absolute;
  top: 2106px;
  left: calc(50.00% - 256px);
  width: 179px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .rectangle-66 {
  position: absolute;
  top: 2106px;
  left: calc(50.00% - 68px);
  width: 137px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-59 {
  top: 2120px;
  left: calc(50.00% - 60px);
  width: 120px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-67 {
  position: absolute;
  top: 2106px;
  left: calc(50.00% + 77px);
  width: 179px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-60 {
  top: 2120px;
  left: calc(50.00% - 238px);
  width: 142px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-68 {
  position: absolute;
  top: 2057px;
  left: calc(50.00% - 152px);
  width: 103px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-61 {
  top: 2072px;
  left: calc(50.00% - 142px);
  width: 82px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .text-wrapper-62 {
  top: 2071px;
  left: calc(50.00% - 250px);
  width: 82px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-69 {
  position: absolute;
  top: 2057px;
  left: calc(50.00% - 41px);
  width: 103px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-63 {
  top: 2071px;
  left: calc(50.00% - 39px);
  width: 103px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-70 {
  position: absolute;
  top: 2057px;
  left: calc(50.00% + 69px);
  width: 188px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-64 {
  top: 2071px;
  left: calc(50.00% + 71px);
  width: 184px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .text-wrapper-65 {
  top: 2120px;
  left: calc(50.00% + 96px);
  width: 155px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .text-wrapper-66 {
  position: absolute;
  top: 1897px;
  left: calc(50.00% - 146px);
  width: 292px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.soft-symbols .rectangle-71 {
  position: absolute;
  top: 996px;
  left: calc(50.00% - 161px);
  width: 323px;
  height: 62px;
  background-color: #ffffff;
  border-radius: 58px;
}

.soft-symbols .rectangle-72 {
  position: absolute;
  top: 1080px;
  left: calc(50.00% - 256px);
  width: 138px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-67 {
  top: 1094px;
  left: calc(50.00% - 244px);
  width: 112px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-73 {
  position: absolute;
  top: 1129px;
  left: calc(50.00% - 256px);
  width: 125px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .rectangle-74 {
  position: absolute;
  top: 1129px;
  left: calc(50.00% - 122px);
  width: 98px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-68 {
  top: 1142px;
  left: calc(50.00% - 133px);
  width: 120px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-75 {
  position: absolute;
  top: 1129px;
  left: calc(50.00% - 13px);
  width: 109px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-69 {
  top: 1143px;
  left: calc(50.00% - 245px);
  width: 97px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-76 {
  position: absolute;
  top: 1080px;
  left: calc(50.00% - 110px);
  width: 132px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-70 {
  top: 1093px;
  left: calc(50.00% - 114px);
  width: 140px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-77 {
  position: absolute;
  top: 1080px;
  left: calc(50.00% + 30px);
  width: 104px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-71 {
  top: 1093px;
  left: calc(50.00% - 9px);
  width: 184px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-78 {
  position: absolute;
  top: 1080px;
  left: calc(50.00% + 143px);
  width: 112px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-72 {
  top: 1093px;
  left: calc(50.00% + 105px);
  width: 184px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .text-wrapper-73 {
  top: 1142px;
  left: calc(50.00% - 6px);
  width: 86px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-79 {
  position: absolute;
  top: 1129px;
  left: calc(50.00% + 107px);
  width: 148px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-74 {
  top: 1142px;
  left: calc(50.00% + 123px);
  width: 117px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-80 {
  position: absolute;
  top: 1178px;
  left: calc(50.00% - 256px);
  width: 74px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-75 {
  top: 1188px;
  left: calc(50.00% - 256px);
  width: 67px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-81 {
  position: absolute;
  top: 1227px;
  left: calc(50.00% - 256px);
  width: 95px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .rectangle-82 {
  position: absolute;
  top: 1227px;
  left: calc(50.00% - 153px);
  width: 132px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-76 {
  top: 1241px;
  left: calc(50.00% - 143px);
  width: 111px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-83 {
  position: absolute;
  top: 1227px;
  left: calc(50.00% - 12px);
  width: 131px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-77 {
  top: 1241px;
  left: calc(50.00% - 246px);
  width: 72px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  direction: rtl;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-84 {
  position: absolute;
  top: 1178px;
  left: calc(50.00% - 174px);
  width: 100px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-78 {
  top: 1192px;
  left: calc(50.00% - 166px);
  width: 82px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-85 {
  position: absolute;
  top: 1178px;
  left: calc(50.00% - 64px);
  width: 92px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-79 {
  top: 1191px;
  left: calc(50.00% - 66px);
  width: 93px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  direction: rtl;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-86 {
  position: absolute;
  top: 1178px;
  left: calc(50.00% + 38px);
  width: 112px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-80 {
  top: 1191px;
  left: calc(50.00% + 51px);
  width: 84px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-87 {
  position: absolute;
  top: 1178px;
  left: calc(50.00% + 158px);
  width: 97px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-81 {
  top: 1191px;
  left: calc(50.00% + 166px);
  width: 84px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .text-wrapper-82 {
  top: 1240px;
  left: calc(50.00% + 1px);
  width: 107px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .rectangle-88 {
  position: absolute;
  top: 1227px;
  left: calc(50.00% + 129px);
  width: 126px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 58px;
  border: 1px solid;
  border-color: #ffa1d5;
}

.soft-symbols .text-wrapper-83 {
  top: 1240px;
  left: calc(50.00% + 139px);
  width: 102px;
  font-family: "Vividly-Regular", Helvetica;
  font-size: 20px;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffa1d5;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .text-wrapper-84 {
  top: 1018px;
  left: calc(50.00% - 146px);
  width: 292px;
  white-space: nowrap;
  position: absolute;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.soft-symbols .tap-any-symbol-to {
  position: absolute;
  top: 347px;
  left: calc(50.00% - 194px);
  width: 387px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.soft-symbols .group {
  position: absolute;
  top: 326px;
  left: 73px;
  width: 59px;
  height: 59px;
}

.soft-symbols .group-2 {
  position: absolute;
  top: 2323px;
  left: calc(50.00% - 257px);
  width: 521px;
  height: 95px;
}

.soft-symbols .rectangle-89 {
  position: absolute;
  top: 0;
  left: calc(50.00% - 261px);
  width: 513px;
  height: 95px;
}

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

.soft-symbols .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;
}

.soft-symbols .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;
}

.soft-symbols .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;
}

.soft-symbols .text-wrapper-86 {
  font-family: "Black Future-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 11px;
  letter-spacing: 0;
}

.soft-symbols .text-wrapper-87 {
  font-family: "Vividly-Regular", Helvetica;
}

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

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


.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");
}
.webtoons {
  width: 100%;
  min-width: 576px;
  min-height: 1489px;
  position: relative;
}

.webtoons .rectangle {
  position: absolute;
  top: 280px;
  left: calc(50.00% - 261px);
  width: 523px;
  height: 66px;
  object-fit: cover;
}

.webtoons .group {
  position: absolute;
  top: 284px;
  left: 54px;
  width: 62px;
  height: 63px;
}

.webtoons .div {
  position: absolute;
  top: 253px;
  left: calc(50.00% - 110px);
  width: 220px;
  height: 47px;
  background-color: #ffffff;
  border-radius: 39px;
  border: 2px solid;
  border-color: #ffa1d5;
}

.webtoons .soft-panels {
  position: absolute;
  top: 270px;
  left: calc(50.00% - 101px);
  width: 203px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 21px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  direction: rtl;
}

.webtoons .a-tiny-world-of {
  position: absolute;
  top: 316px;
  left: calc(50.00% - 208px);
  width: 415px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.webtoons .removebg-preview {
  position: absolute;
  top: 237px;
  left: 187px;
  width: 36px;
  height: 36px;
  aspect-ratio: 1;
  object-fit: cover;
}

.webtoons .wdeqwrq {
  position: absolute;
  top: 375px;
  left: calc(50.00% - 274px);
  width: 549px;
  height: 320px;
  aspect-ratio: 1.71;
  object-fit: cover;
}

.webtoons .img {
  position: absolute;
  top: 428px;
  left: 115px;
  width: 139px;
  height: 159px;
}

.webtoons .rectangle-2 {
  position: absolute;
  top: 611px;
  left: 320px;
  width: 99px;
  height: 29px;
}

.webtoons .art-of-falling-for {
  position: absolute;
  top: 456px;
  left: calc(50.00% + 35px);
  width: 123px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.webtoons .text-wrapper {
  position: absolute;
  top: 590px;
  left: calc(50.00% - 166px);
  width: 104px;
  transform: rotate(2.57deg);
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.webtoons .read-full-webtoon {
  position: absolute;
  top: 623px;
  left: calc(50.00% + 35px);
  width: 93px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 9px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.webtoons .webtoonheart {
  position: absolute;
  top: 734px;
  left: calc(50.00% - 160px);
  width: 320px;
  height: 370px;
  aspect-ratio: 0.86;
  object-fit: cover;
}

.webtoons .soft-stories-warm {
  position: absolute;
  top: 1037px;
  left: calc(50.00% - 81px);
  width: 161px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.webtoons .a-cheerful-girl-and {
  position: absolute;
  top: 546px;
  left: calc(50.00% + 8px);
  width: 175px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 10px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.webtoons .span {
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 10px;
  letter-spacing: 0;
}

.webtoons .text-wrapper-2 {
  font-size: 7px;
}

.webtoons .group-2 {
  position: absolute;
  top: 1273px;
  left: calc(50.00% - 257px);
  width: 521px;
  height: 95px;
}

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

.webtoons .text-wrapper-3 {
  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;
}

.webtoons .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;
}

.webtoons .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;
}

.webtoons .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;
}

.webtoons .text-wrapper-4 {
  font-family: "Black Future-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 11px;
  letter-spacing: 0;
}

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

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

.webtoons .softdecor-2 {
  top: 109px;
  position: absolute;
  left: calc(50.00% - 252px);
  width: 504px;
  height: 92px;
  aspect-ratio: 5.46;
  object-fit: cover;
}
@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");
}
.webtoons-page {
  background-image: url(./img/webtoons-page.png);
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  min-width: 576px;
  min-height: 2981px;
  position: relative;
}

.webtoons-page .webep {
  top: 250px;
  position: absolute;
  left: calc(50.00% - 256px);
  width: 512px;
  height: 242px;
  aspect-ratio: 2.11;
  object-fit: cover;
}

.webtoons-page .img {
  top: 510px;
  position: absolute;
  left: calc(50.00% - 256px);
  width: 512px;
  height: 242px;
  aspect-ratio: 2.11;
  object-fit: cover;
}

.webtoons-page .webep-2 {
  top: 771px;
  position: absolute;
  left: calc(50.00% - 256px);
  width: 512px;
  height: 242px;
  aspect-ratio: 2.11;
  object-fit: cover;
}

.webtoons-page .webep-3 {
  top: 1027px;
  position: absolute;
  left: calc(50.00% - 256px);
  width: 512px;
  height: 242px;
  aspect-ratio: 2.11;
  object-fit: cover;
}

.webtoons-page .webep-4 {
  top: 1287px;
  position: absolute;
  left: calc(50.00% - 256px);
  width: 512px;
  height: 242px;
  aspect-ratio: 2.11;
  object-fit: cover;
}

.webtoons-page .webep-5 {
  top: 1550px;
  position: absolute;
  left: calc(50.00% - 256px);
  width: 512px;
  height: 242px;
  aspect-ratio: 2.11;
  object-fit: cover;
}

.webtoons-page .webep-6 {
  top: 1811px;
  position: absolute;
  left: calc(50.00% - 256px);
  width: 512px;
  height: 242px;
  aspect-ratio: 2.11;
  object-fit: cover;
}

.webtoons-page .webep-7 {
  top: 2067px;
  position: absolute;
  left: calc(50.00% - 256px);
  width: 512px;
  height: 242px;
  aspect-ratio: 2.11;
  object-fit: cover;
}

.webtoons-page .webep-8 {
  top: 2327px;
  position: absolute;
  left: calc(50.00% - 256px);
  width: 512px;
  height: 242px;
  aspect-ratio: 2.11;
  object-fit: cover;
}

.webtoons-page .art-of-falling-for {
  top: 1973px;
  left: calc(50.00% + 92px);
  position: absolute;
  width: 123px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.webtoons-page .seeing-him-smile-so {
  position: absolute;
  top: 1856px;
  left: calc(50.00% + 70px);
  width: 162px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

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

.webtoons-page .span {
  font-size: 12px;
}

.webtoons-page .read-full-ep {
  position: absolute;
  top: 2008px;
  left: calc(50.00% + 171px);
  width: 93px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 9px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.webtoons-page .div {
  top: 2489px;
  left: calc(50.00% + 95px);
  position: absolute;
  width: 123px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.webtoons-page .he-didn-t-confess {
  position: absolute;
  top: 2369px;
  left: calc(50.00% + 67px);
  width: 162px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.webtoons-page .read-full-ep-2 {
  top: 2524px;
  left: calc(50.00% + 172px);
  position: absolute;
  width: 93px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 9px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.webtoons-page .p {
  top: 2229px;
  left: calc(50.00% + 92px);
  position: absolute;
  width: 123px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.webtoons-page .i-was-ready-to-step {
  position: absolute;
  top: 2107px;
  left: calc(50.00% + 70px);
  width: 162px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.webtoons-page .read-full-ep-3 {
  top: 2264px;
  left: calc(50.00% + 171px);
  position: absolute;
  width: 93px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 9px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.webtoons-page .art-of-falling-for-2 {
  top: 411px;
  left: calc(50.00% + 96px);
  position: absolute;
  width: 123px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.webtoons-page .i-never-thought-a {
  position: absolute;
  top: 292px;
  left: calc(50.00% + 69px);
  width: 162px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.webtoons-page .read-full-ep-4 {
  top: 447px;
  left: calc(50.00% + 168px);
  position: absolute;
  width: 93px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 9px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.webtoons-page .art-of-falling-for-3 {
  top: 671px;
  left: calc(50.00% + 95px);
  position: absolute;
  width: 123px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.webtoons-page .he-barely-spoke-and {
  position: absolute;
  top: 543px;
  left: calc(50.00% + 67px);
  width: 162px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.webtoons-page .read-full-ep-5 {
  top: 706px;
  left: calc(50.00% + 168px);
  position: absolute;
  width: 93px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 9px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.webtoons-page .art-of-falling-for-4 {
  top: 933px;
  left: calc(50.00% + 90px);
  position: absolute;
  width: 123px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.webtoons-page .somewhere-between {
  position: absolute;
  top: 811px;
  left: calc(50.00% + 70px);
  width: 162px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.webtoons-page .read-full-ep-6 {
  top: 968px;
  left: calc(50.00% + 171px);
  position: absolute;
  width: 93px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 9px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.webtoons-page .art-of-falling-for-5 {
  top: 1188px;
  left: calc(50.00% + 93px);
  position: absolute;
  width: 123px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.webtoons-page .i-thought-the-bench {
  position: absolute;
  top: 1061px;
  left: calc(50.00% + 69px);
  width: 162px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.webtoons-page .read-full-ep-7 {
  top: 1224px;
  left: calc(50.00% + 174px);
  position: absolute;
  width: 93px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 9px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.webtoons-page .art-of-falling-for-6 {
  top: 1447px;
  left: calc(50.00% + 93px);
  position: absolute;
  width: 123px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.webtoons-page .he-never-said-much {
  position: absolute;
  top: 1328px;
  left: calc(50.00% + 68px);
  width: 162px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.webtoons-page .read-full-ep-8 {
  top: 1484px;
  left: calc(50.00% + 172px);
  position: absolute;
  width: 93px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 9px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.webtoons-page .art-of-falling-for-7 {
  top: 1711px;
  left: calc(50.00% + 92px);
  position: absolute;
  width: 123px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.webtoons-page .when-i-accidentally {
  position: absolute;
  top: 1582px;
  left: calc(50.00% + 74px);
  width: 149px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.webtoons-page .read-full-ep-9 {
  top: 1746px;
  left: calc(50.00% + 172px);
  position: absolute;
  width: 93px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 9px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.webtoons-page .vector {
  position: absolute;
  top: 362px;
  left: 175px;
  width: 3px;
  height: 4px;
}

.webtoons-page .vector-2 {
  position: absolute;
  top: 347px;
  left: 207px;
  width: 7px;
  height: 7px;
}

.webtoons-page .group {
  position: absolute;
  top: 2764px;
  left: calc(50.00% - 257px);
  width: 521px;
  height: 95px;
}

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

.webtoons-page .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;
}

.webtoons-page .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;
}

.webtoons-page .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;
}

.webtoons-page .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;
}

.webtoons-page .text-wrapper-3 {
  font-family: "Black Future-Regular", Helvetica;
  font-weight: 400;
  color: #ffa1d5;
  font-size: 11px;
  letter-spacing: 0;
}

.webtoons-page .text-wrapper-4 {
  font-family: "Vividly-Regular", Helvetica;
}

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

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



.webtoons-page .bow2 {
  top: 515px;
  position: absolute;
  left: calc(50.00% - 88px);
  width: 90px;
  height: 90px;
  aspect-ratio: 5.46;
  object-fit: contain;
  rotate: 30deg;
}

.webtoons-page .bow3 {
  top: 775px;
  position: absolute;
  left: calc(50.00% - 88px);
  width: 90px;
  height: 90px;
  aspect-ratio: 5.46;
  object-fit: contain;
  rotate: 30deg;
}
.webtoons-page .bow4 {
  top: 1030px;
  position: absolute;
  left: calc(50.00% - 88px);
  width: 90px;
  height: 90px;
  aspect-ratio: 5.46;
  object-fit: contain;
  rotate: 30deg;
}

.webtoons-page .bow5 {
  top: 1290px;
  position: absolute;
  left: calc(50.00% - 88px);
  width: 90px;
  height: 90px;
  aspect-ratio: 5.46;
  object-fit: contain;
  rotate: 30deg;
}


.webtoons-page .bow6 {
  top: 1550px;
  position: absolute;
  left: calc(50.00% - 88px);
  width: 90px;
  height: 90px;
  aspect-ratio: 5.46;
  object-fit: contain;
  rotate: 30deg;
}


.webtoons-page .bow7 {
  top: 1812px;
  position: absolute;
  left: calc(50.00% - 88px);
  width: 90px;
  height: 90px;
  aspect-ratio: 5.46;
  object-fit: contain;
  rotate: 30deg;
}


.webtoons-page .bow8 {
  top: 2069px;
  position: absolute;
  left: calc(50.00% - 88px);
  width: 90px;
  height: 90px;
  aspect-ratio: 5.46;
  object-fit: contain;
  rotate: 30deg;
}


.webtoons-page .bow9 {
  top: 2330px;
  position: absolute;
  left: calc(50.00% - 88px);
  width: 90px;
  height: 90px;
  aspect-ratio: 5.46;
  object-fit: contain;
  rotate: 30deg;
}


.webtoons-page .bow10 {
  top: 255px;
  position: absolute;
  left: calc(50.00% - 88px);
  width: 90px;
  height: 90px;
  aspect-ratio: 5.46;
  object-fit: contain;
  rotate: 30deg;
}



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

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

/* Tablets */
@media (min-width: 810px) {
    .webtoons-page {
             transform: scale(1);

    }
}

/* Laptops */
@media (min-width: 1024px) {
    .webtoons-page {
              transform: scale(1.25);

    }
}


.webtoons {
    width: 576px;
    margin: 0 auto;
    transform-origin: top center;
}

/* Small phones (390px) */
@media (max-width: 390px) {
    .webtoons {
        position: relative;
        left: 50%;
        transform: translateX(-50%) scale(0.67);
        min-height: 980px;
    }
}
/* Tablets (810px) */
@media (min-width: 810px) {
    .webtoons{
        transform: scale(1);
    }
}

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


.soft-symbols {
    width: 576px;
    margin: 0 auto;
    transform-origin: top center;
}

/* Small phones (390px) */
@media (max-width: 390px) {
    .soft-symbols {
        position: relative;
        left: 50%;
        transform: translateX(-50%) scale(0.67);
        min-height: 2570px;
    }

    html, body {
        height: 900px;
        min-height: 1080px;
    }
}
/* Tablets (810px) */
@media (min-width: 810px) {
    .soft-symbols{
        transform: scale(1);
    }
}

/* Laptops (1024px+) */
@media (min-width: 1024px) {
    .soft-symbols {
        transform: scale(1.25);
    }
}