@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;
    background-color: #fff3f9;

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

@font-face {
  font-family: "Black Future-Regular";
  src: local("Black Future-Regular");
}

@font-face {
  font-family: "Vividly-Regular";
  src: url("./Vividly-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.contact {
  width: 100%;
  min-width: 390px;
  min-height: 1641px;
  position: relative;
}

.contact .contact-rabitunes {
  position: absolute;
  top: 142px;
  left: calc(50.00% - 151px);
  width: 302px;
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff8ccf;
  font-size: 12.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: 13px;
}

.contact .start {
  top: 50px;
  position: absolute;
  left: calc(50.00% - 134px);
  width: 269px;
  height: 63px;
  aspect-ratio: 4.24;
  object-fit: cover;
}

.contact .edwewq {
  top: 78px;
  left: calc(50.00% - 13px);
  width: 26px;
  height: 27px;
  object-fit: cover;
  position: absolute;
  aspect-ratio: 0.95;
}

.contact .img {
  top: 84px;
  left: calc(50.00% - 63px);
  width: 17px;
  height: 18px;
  position: absolute;
  aspect-ratio: 0.95;
}

.contact .edwewq-2 {
  top: 84px;
  left: calc(50.00% + 43px);
  width: 17px;
  height: 18px;
  position: absolute;
  aspect-ratio: 0.95;
}

.contact .start-2 {
  top: 1389px;
  position: absolute;
  left: calc(50.00% - 134px);
  width: 269px;
  height: 63px;
  aspect-ratio: 4.24;
  object-fit: cover;
}

.contact .edwewq-3 {
  top: 1417px;
  left: calc(50.00% - 13px);
  width: 26px;
  height: 27px;
  object-fit: cover;
  position: absolute;
  aspect-ratio: 0.95;
}

.contact .edwewq-4 {
  top: 1423px;
  left: calc(50.00% + 46px);
  width: 17px;
  height: 18px;
  position: absolute;
  aspect-ratio: 0.95;
}

.contact .edwewq-5 {
  top: 1423px;
  left: calc(50.00% - 60px);
  width: 17px;
  height: 18px;
  position: absolute;
  aspect-ratio: 0.95;
}

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

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

.contact .vector {
  top: 1511px;
  left: 162px;
  position: absolute;
  width: 10px;
  height: 10px;
}

.contact .vector-2 {
  top: 1521px;
  left: 218px;
  position: absolute;
  width: 10px;
  height: 10px;
}

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

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

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

.contact .text-wrapper-4 {
  position: absolute;
  top: 1527px;
  left: calc(50.00% - 45px);
  font-family: "Vividly-Regular", Helvetica;
  font-weight: 400;
  color: #ff8ccf;
  font-size: 8px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

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

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

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

.contact .text-wrapper-6 {
  font-family: "Vividly-Regular", Helvetica;
}

.contact .footerbow {
  left: 80px;
  position: absolute;
  top: 1539px;
  width: 7px;
  height: 6px;
  aspect-ratio: 1.24;
  object-fit: cover;
}

.contact .footerbow-2 {
  left: 135px;
  position: absolute;
  top: 1539px;
  width: 7px;
  height: 6px;
  aspect-ratio: 1.24;
  object-fit: cover;
}

.contact .footerbow-3 {
  left: 198px;
  position: absolute;
  top: 1539px;
  width: 7px;
  height: 6px;
  aspect-ratio: 1.24;
  object-fit: cover;
}

.contact .footerbow-4 {
  left: 279px;
  position: absolute;
  top: 1539px;
  width: 7px;
  height: 6px;
  aspect-ratio: 1.24;
  object-fit: cover;
}






.contact {
    background-color: #fff3f9;
    width: 390px;
    min-width: 390px;
    height: 1641px;
    min-height: 1641px;
    position: relative;
    margin: 0 auto;
    transform-origin: top center;
}

@media (min-width: 600px) and (max-width: 1023px) {
    .contact {
        transform: scale(1.35);
    }
}

@media (min-width: 1024px) {
    .contact {
        transform: scale(1.55);
    }
}