/* screen - index */

.index {
  align-items: center;
  background-color: var(--licorice);
  display: flex;
  flex-direction: column;
  height: 1058px;
  width: 430px;
}

.index .overlap-group1 {
  align-items: flex-start;
  background-color: var(--log-cabin);
  display: flex;
  height: 75px;
  min-width: 430px;
  padding: 22.2px 26px;
}

.index .image-8841 {
  height: 153px;
  object-fit: cover;
  width: 430px;
}

.index .overlap-group2 {
  height: 56px;
  margin-top: 2px;
  position: relative;
  width: 404px;
}

.index .group-3 {
  background-image: url(../img/image-8820.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 36px;
  left: 32px;
  position: absolute;
  top: 19px;
  width: 57px;
}

.index .image-container-1 {
  margin-top: 16px;
}

.index .image-1 {
  cursor: pointer;
  height: 121px;
  object-fit: cover;
  width: 191px;
}

.index .image-container-2 {
  margin-top: 27px;
}

.index .image-2 {
  cursor: pointer;
  height: 122px;
  object-fit: cover;
  width: 190px;
}

.index .image-3 {
  cursor: pointer;
  height: 122px;
  object-fit: cover;
  width: 191px;
}

.index .image-container {
  align-items: flex-start;
  display: flex;
  gap: 13px;
  margin-top: 28px;
  min-width: 394px;
}

.index .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 142px;
  height: 17px;
  margin-left: 12.0px;
  margin-top: 3px;
  min-width: 266px;
}

.index .flex-row-1 {
  align-items: flex-start;
  display: flex;
  gap: 174px;
  height: 17px;
  margin-top: 1px;
  min-width: 232px;
}

.index .group-9 {
  align-items: flex-start;
  display: flex;
  margin-top: 15px;
  min-width: 430px;
}

.index .image-8845-1 {
  height: 15px;
  width: 49px;
}

.index .image-container-3 {
  align-items: flex-start;
  display: flex;
  gap: 13px;
  min-width: 394px;
}