.inicio {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.inicio .div {
  background-color: #ffffff;
  overflow: hidden;
  width: 430px;
  height: 936px;
  position: relative;
}

.inicio .overlap {
  position: absolute;
  width: 757px;
  height: 936px;
  top: 0;
  left: 0;
}

.inicio .rectangle {
  width: 430px;
  height: 936px;
  top: 0;
  background-color: #000000;
  position: absolute;
  left: 0;
}

.inicio .rectangle-2 {
  width: 430px;
  height: 68px;
  top: 0;
  background-color: #55f249;
  position: absolute;
  left: 0;
}

.inicio .avatar-medium {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 12px;
  left: 371px;
  background-image: url(./img/avatar-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.inicio .XMLID {
  position: absolute;
  width: 26px;
  height: 24px;
  top: 22px;
  left: 14px;
}

.inicio .group {
  position: absolute;
  width: 430px;
  height: 84px;
  top: 852px;
  left: 0;
}

.inicio .overlap-group {
  position: relative;
  height: 61px;
  top: 23px;
  background-color: #ffffff;
}

.inicio .icon-pin-alt {
  position: absolute;
  width: 27px;
  height: 33px;
  top: 14px;
  left: 55px;
}

.inicio .icon-home-simple-wrapper {
  position: absolute;
  width: 144px;
  height: 61px;
  top: 0;
  left: 143px;
  background-color: #55f249;
}

.inicio .icon-home-simple {
  position: absolute;
  width: 32px;
  height: 31px;
  top: 15px;
  left: 56px;
}

.inicio .icon-list {
  width: 38px;
  height: 30px;
  top: 18px;
  left: 337px;
  position: absolute;
}

.inicio .frame {
  position: absolute;
  width: 430px;
  height: 128px;
  top: 269px;
  left: 0;
}

.inicio .text-wrapper {
  left: 27px;
  position: absolute;
  width: 105px;
  height: 67px;
  top: 414px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ff0099;
  font-size: 77px;
  text-align: center;
  letter-spacing: 0;
  line-height: 80.8px;
  white-space: nowrap;
}

.inicio .text-wrapper-2 {
  top: 421px;
  left: 88px;
  position: absolute;
  width: 105px;
  height: 67px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ff0099;
  font-size: 60px;
  text-align: center;
  letter-spacing: 0;
  line-height: 63px;
  white-space: nowrap;
}

.inicio .text-wrapper-3 {
  top: 420px;
  left: 230px;
  position: absolute;
  width: 105px;
  height: 67px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ff0099;
  font-size: 60px;
  text-align: center;
  letter-spacing: 0;
  line-height: 63px;
  white-space: nowrap;
}

.inicio .text-wrapper-4 {
  left: 158px;
  position: absolute;
  width: 105px;
  height: 67px;
  top: 414px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ff0099;
  font-size: 77px;
  text-align: center;
  letter-spacing: 0;
  line-height: 80.8px;
  white-space: nowrap;
}

.inicio .text-wrapper-5 {
  left: 298px;
  position: absolute;
  width: 105px;
  height: 67px;
  top: 414px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ff0099;
  font-size: 77px;
  text-align: center;
  letter-spacing: 0;
  line-height: 80.8px;
  white-space: nowrap;
}

.inicio .mask-group {
  position: absolute;
  width: 87px;
  height: 87px;
  top: 573px;
  left: 18px;
}

.inicio .descarga {
  position: absolute;
  width: 89px;
  height: 89px;
  top: 573px;
  left: 137px;
  object-fit: cover;
}

.inicio .unnamed {
  position: absolute;
  width: 87px;
  height: 86px;
  top: 573px;
  left: 258px;
  object-fit: cover;
}

.inicio .text-wrapper-6 {
  position: absolute;
  width: 362px;
  height: 26px;
  top: 539px;
  left: 17px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #55f249;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 26px;
}

.inicio .mandarine-proyect {
  position: absolute;
  width: 377px;
  height: 68px;
  top: 660px;
  left: 18px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ff0099;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 19.5px;
}

.inicio .text-wrapper-7 {
  position: absolute;
  width: 63px;
  height: 68px;
  top: 490px;
  left: 48px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 23.4px;
}

.inicio .text-wrapper-8 {
  position: absolute;
  width: 63px;
  height: 68px;
  top: 490px;
  left: 167px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 23.4px;
}

.inicio .text-wrapper-9 {
  position: absolute;
  width: 63px;
  height: 68px;
  top: 490px;
  left: 307px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 23.4px;
}

.inicio .subeibaja-electrico {
  position: absolute;
  width: 377px;
  height: 55px;
  top: 658px;
  left: 137px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ff0099;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 19.5px;
}

.inicio .koino-yokan {
  position: absolute;
  width: 377px;
  height: 55px;
  top: 658px;
  left: 258px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ff0099;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 19.5px;
}

.inicio .icon {
  width: 10px;
  height: 17px;
  top: 611px;
  left: 397px;
  position: absolute;
}

.inicio .image {
  position: absolute;
  width: 430px;
  height: 213px;
  top: 63px;
  left: 0;
  object-fit: cover;
}

.inicio .vector {
  position: absolute;
  width: 429px;
  height: 120px;
  top: 277px;
  left: 0;
}

.inicio .text-wrapper-10 {
  position: absolute;
  width: 362px;
  height: 51px;
  top: 310px;
  left: 135px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 39px;
  letter-spacing: 0;
  line-height: 50.7px;
}

.inicio .img {
  position: absolute;
  width: 173px;
  height: 1px;
  top: 528px;
  left: 131px;
  object-fit: cover;
}

.inicio .text-wrapper-11 {
  position: absolute;
  width: 362px;
  height: 26px;
  top: 713px;
  left: 18px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #55f249;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 26px;
}

.inicio .baile-urbano {
  position: absolute;
  width: 377px;
  height: 68px;
  top: 828px;
  left: 18px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ff0099;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 19.5px;
}

.inicio .estilos-urbanos {
  position: absolute;
  width: 377px;
  height: 55px;
  top: 828px;
  left: 137px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ff0099;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 19.5px;
}

.inicio .ringo-ultimate {
  position: absolute;
  width: 377px;
  height: 55px;
  top: 828px;
  left: 258px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ff0099;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 19.5px;
}

.inicio .icon-2 {
  width: 10px;
  height: 17px;
  top: 768px;
  left: 397px;
  position: absolute;
}

.inicio .image-2 {
  position: absolute;
  width: 87px;
  height: 89px;
  top: 741px;
  left: 18px;
}

.inicio .image-3 {
  width: 87px;
  height: 87px;
  top: 743px;
  left: 137px;
  position: absolute;
  object-fit: cover;
}

.inicio .image-4 {
  width: 88px;
  height: 88px;
  top: 743px;
  left: 258px;
  position: absolute;
  object-fit: cover;
}

.inicio .descarga-2 {
  position: absolute;
  width: 53px;
  height: 87px;
  top: 574px;
  left: 377px;
  object-fit: cover;
}

.inicio .text-wrapper-12 {
  position: absolute;
  width: 377px;
  height: 55px;
  top: 658px;
  left: 380px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ff0099;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 19.5px;
}

.inicio .text-wrapper-13 {
  position: absolute;
  width: 377px;
  height: 55px;
  top: 829px;
  left: 377px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #ff0099;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 19.5px;
}

.inicio .image-5 {
  width: 52px;
  height: 88px;
  top: 744px;
  left: 378px;
  position: absolute;
  object-fit: cover;
}

.inicio .rectangle-3 {
  width: 77px;
  height: 77px;
  top: 936px;
  background-color: #e45252;
  border: 1px solid;
  border-color: #a23b3b;
  position: absolute;
  left: 0;
}

@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  height: 100%;
}
/* 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;
}
@import url("https://fonts.googleapis.com/css?family=Inter:700|Montserrat:700");