/* screen - index */

.index {
  align-items: flex-start;
  background-color: var(--big-stone);
  display: flex;
  flex-direction: column;
  height: 1067px;
  width: 430px;
}

.index .overlap-group1 {
  background-color: var(--big-stone-2);
  box-shadow: 0px 4px 4px #00000040;
  gap: 132px;
  height: 89px;
  justify-content: flex-end;
  min-width: 430px;
  padding: 21px 26px;
}

.index .image-31 {
  height: 39px;
  object-fit: cover;
  width: 78px;
}

.index .group-27 {
  cursor: pointer;
  min-width: 162px;
}

.index .overlap-group {
  background-color: var(--endeavour);
  border-radius: 10px;
  height: 39px;
  min-width: 160px;
  padding: 10px 40px;
}

.index .learn-more {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 14.6px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  min-height: 18px;
  min-width: 80px;
}

.index .image-45 {
  align-self: center;
  cursor: pointer;
  height: 226px;
  margin-right: 1.0px;
  margin-top: 20px;
  object-fit: cover;
  width: 395px;
}

.index .image-52-1 {
  align-self: center;
  height: 23px;
  margin-left: 0;
  margin-top: 34px;
  object-fit: cover;
  width: 392px;
}

.index .image-47 {
  height: 23px;
  margin-left: 16.0px;
  margin-top: 17px;
  object-fit: cover;
  width: 74px;
}

.index .image-container {
  align-items: flex-start;
  align-self: center;
  display: flex;
  margin-left: 1.0px;
  margin-top: 17px;
  min-width: 397px;
}

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

.index .image-34 {
  cursor: pointer;
  height: 170px;
  margin-left: 6px;
  object-fit: cover;
  width: 128px;
}

.index .image-35 {
  cursor: pointer;
  height: 170px;
  margin-left: 7px;
  object-fit: cover;
  width: 128px;
}

.index .frame-container {
  align-items: flex-end;
  display: flex;
  height: 11px;
  margin-left: 17px;
  margin-top: 7px;
  min-width: 350px;
}

.index .frame {
  align-items: center;
  display: inline-flex;
  gap: 4px;
  position: relative;
}

.index .ellipse-1 {
  background-color: var(--green);
  border-radius: 3.52px;
  height: 7.03px;
  position: relative;
  width: 7.03px;
}

.index .surname {
  line-height: 7.4px;
}

.index .frame-2 {
  align-items: center;
  display: inline-flex;
  gap: 4px;
  margin-left: 20px;
  position: relative;
}

.index .surname-1 {
  line-height: 10.9px;
}

.index .frame-3 {
  align-items: center;
  display: inline-flex;
  gap: 4px;
  justify-content: center;
  margin-left: 14px;
  position: relative;
}

.index .zeus-vs-hades {
  letter-spacing: 0.27px;
  line-height: 10.9px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .image-48 {
  height: 23px;
  margin-left: 17.0px;
  margin-top: 29px;
  object-fit: cover;
  width: 70px;
}

.index .image-container-1 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  gap: 7px;
  margin-left: 0;
  margin-top: 25px;
  min-width: 396px;
}

.index .image-3-1 {
  cursor: pointer;
  height: 170px;
  object-fit: cover;
  width: 127px;
}

.index .frame-container-1 {
  align-items: flex-start;
  display: flex;
  height: 11px;
  margin-left: 17px;
  margin-top: 8px;
  min-width: 315px;
}

.index .fortune-rabbit {
  letter-spacing: 0.27px;
  line-height: 10.9px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-5 {
  align-items: center;
  display: inline-flex;
  gap: 4px;
  margin-left: 49px;
  position: relative;
}

.index .plinko {
  letter-spacing: 0.27px;
  line-height: 10.9px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-4 {
  align-items: center;
  display: inline-flex;
  gap: 4px;
  margin-left: 93px;
  position: relative;
}

.index .aviator {
  letter-spacing: 0.27px;
  line-height: 10.9px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .group-31 {
  background-color: #0f212d;
  height: 89px;
  justify-content: flex-end;
  margin-top: 75px;

  padding: 14px 28.0px;
}

.index .image-42 {
  cursor: pointer;
  height: 51px;
  object-fit: cover;
  width: 74px;
}

.index .image-43 {
  cursor: pointer;
  height: 51px;
  margin-left: 74px;
  object-fit: cover;
  width: 38px;
}

.index .image-44 {
  cursor: pointer;
  height: 51px;
  margin-left: 64px;
  object-fit: cover;
  width: 104px;
}

.index .group {
  align-items: flex-start;
  display: flex;
  position: fixed;
  bottom: 0;
  width: 100%;
}

.index .overlap {
  align-items: flex-end;
  display: flex;
}

.index .surname-2 {
  letter-spacing: 0.27px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}