/* screen - index */

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

.index .overlap-group1 {
  align-items: flex-start;
  background-color: var(--alizarin-crimson);
  gap: 6px;
  height: 78px;
  padding: 19.0px 12px;
}

.index .image-42 {
  align-self: center;
  height: 21px;
  margin-top: 1.0px;
  width: 105px;
}

.index .overlap-group {
  align-items: flex-end;
  background-image: url(../img/image-59.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 184px;
  margin-top: 3px;
  padding: 22.0px 24px;
}

.index .group-1 {
  background-image: url(../img/image-58.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 32px;
  width: 116px;
}

.index .image-container {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  margin-right: 1.0px;
  margin-top: 22px;
  min-width: 397px;
}

.index .image-45 {
  cursor: pointer;
  height: 46px;
  object-fit: cover;
  width: 60px;
}

.index .image-46 {
  cursor: pointer;
  height: 46px;
  object-fit: cover;
  width: 71px;
}

.index .image-47 {
  cursor: pointer;
  height: 46px;
  object-fit: cover;
  width: 76px;
}

.index .image-48 {
  cursor: pointer;
  height: 46px;
  object-fit: cover;
  width: 69px;
}

.index .group-container {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  margin-right: 2.0px;
  margin-top: 16px;
  min-width: 396px;
}