frame-6.css

body {
  margin: 0;
  line-height: normal;
}
.image-2-icon {
  position: absolute;
  top: 486px;
  left: 796px;
  width: 199px;
  height: 292px;
  object-fit: cover;
}
.frame-child {
  position: absolute;
  top: 76px;
  left: 358px;
  border-radius: var(--br-sm);
  background-color: #ff6050;
  width: 634px;
  height: 708px;
  opacity: 0.85;
}
.blood-group {
  position: absolute;
  top: 256px;
  left: 469px;
  font-weight: 300;
}
.frame-item {
  position: absolute;
  top: 309px;
  left: 463px;
  background-color: var(--color-gainsboro-100);
  width: 396px;
  height: 70px;
  opacity: 0.85;
}
.group-child {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #27b31b;
  width: 244px;
  height: 83px;
  cursor: pointer;
}
.search {
  position: absolute;
  top: 26px;
  left: 66px;
  display: inline-block;
  width: 112px;
  height: 57px;
}
.rectangle-parent {
  position: absolute;
  top: 486px;
  left: 552px;
  width: 244px;
  height: 83px;
  color: var(--color-black);
}
.image-2-parent {
  position: relative;
  background-color: var(--color-white);
  width: 100%;
  height: 832px;
  overflow: hidden;
  text-align: left;
  font-size: var(--font-size-6xl);
  color: var(--color-white);
  font-family: var(--font-josefin-sans);
}