/* screen - home-screen */

.home-screen {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  height: 844px;
  overflow: hidden;
  width: 390px;
}

.home-screen .overlap-group {
  height: 908px;
  margin-left: -137px;
  margin-top: -52px;
  position: relative;
  width: 866px;
}

.home-screen .james-yarema-sn-ww3vzk-unsplash {
  height: 867px;
  left: 43px;
  object-fit: cover;
  position: absolute;
  top: 41px;
  width: 578px;
}

.home-screen .ethan-front-cover-face {
  height: 866px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 866px;
}

.home-screen .rectangle-3 {
  background: linear-gradient(180deg, #000000 0%, #808080 100%);
  height: 154px;
  left: 137px;
  position: absolute;
  top: 743px;
  width: 390px;
}

.home-screen .rectangle-1 {
  border-radius: 41px;
  height: 844px;
  left: 137px;
  position: absolute;
  top: 52px;
  width: 390px;
}

.home-screen .text-44 {
  left: 157px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  top: 68px;
  white-space: nowrap;
}

.home-screen .visitors-centre {
  left: 274px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  top: 234px;
  white-space: nowrap;
}

.home-screen .fri-19th-november {
  left: 256px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  top: 278px;
  white-space: nowrap;
}

.home-screen .text-45 {
  left: 247px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  top: 346px;
  white-space: nowrap;
}

.home-screen .number {
  color: var(--white);
  font-family: var(--font-family-helveticaneue-regular);
  font-size: 40px;
  font-weight: 400;
  left: 336px;
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 304px;
  white-space: nowrap;
}

.home-screen .o {
  left: 385px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  top: 302px;
  white-space: nowrap;
}

.home-screen .rain {
  height: 35px;
  left: 289px;
  object-fit: cover;
  position: absolute;
  top: 308px;
  width: 35px;
}

.home-screen .group-1 {
  align-items: flex-end;
  display: flex;
  height: 30px;
  left: 239px;
  min-width: 194px;
  position: absolute;
  top: 373px;
}

.home-screen .rain-1 {
  height: 30px;
  object-fit: cover;
  width: 29px;
}

.home-screen .sun {
  height: 29px;
  margin-left: 12px;
  object-fit: cover;
  width: 28px;
}

.home-screen .group-1-item {
  height: 30px;
  margin-left: 12px;
  object-fit: cover;
  width: 30px;
}

.home-screen .rain-2 {
  height: 30px;
  margin-left: 12px;
  object-fit: cover;
  width: 29px;
}

.home-screen .samsung-health {
  color: var(--white);
  font-family: var(--font-family-helveticaneue-regular);
  font-size: var(--font-size-m);
  font-weight: 400;
  left: 154px;
  letter-spacing: 0;
  line-height: 14px;
  position: absolute;
  top: 725px;
  white-space: nowrap;
}

.home-screen .number-1 {
  color: var(--white);
  font-family: var(--font-family-helveticaneue-regular);
  font-size: 25px;
  font-weight: 400;
  left: 154px;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  top: 745px;
  white-space: nowrap;
}

.home-screen .x3000-steps {
  color: var(--white);
  font-family: var(--font-family-helveticaneue-regular);
  font-size: 11px;
  font-weight: 400;
  left: 197px;
  letter-spacing: 0;
  line-height: 11px;
  position: absolute;
  top: 760px;
  white-space: nowrap;
}

.home-screen .rectangle-4 {
  background: linear-gradient(180deg, #69ba69 0%, #355d35 100%);
  border-radius: 21px;
  height: 46px;
  left: 161px;
  position: absolute;
  top: 833px;
  width: 55px;
}

.home-screen .rectangle-5 {
  background: linear-gradient(180deg, #ffffff 0%, #808080 100%);
  border-radius: 21px;
  height: 46px;
  left: 305px;
  position: absolute;
  top: 830px;
  width: 55px;
}

.home-screen .rectangle-6 {
  background: linear-gradient(180deg, #c41010 0%, #620808 100%);
  border-radius: 21px;
  height: 46px;
  left: 449px;
  position: absolute;
  top: 830px;
  width: 55px;
}

.home-screen .menu {
  cursor: pointer;
  height: 32px;
  left: 316px;
  object-fit: cover;
  position: absolute;
  top: 838px;
  width: 32px;
}

.home-screen .diaphragm {
  border-radius: 39px;
  height: 30px;
  left: 462px;
  object-fit: cover;
  position: absolute;
  top: 839px;
  width: 30px;
}

.home-screen .wifi {
  height: 22px;
  left: 435px;
  object-fit: cover;
  position: absolute;
  top: 65px;
  width: 22px;
}

.home-screen .battery {
  height: 22px;
  left: 485px;
  object-fit: cover;
  position: absolute;
  top: 65px;
  width: 22px;
}

.home-screen .phone-call {
  height: 27px;
  left: 175px;
  object-fit: cover;
  position: absolute;
  top: 840px;
  width: 27px;
}

.home-screen .running {
  height: 26px;
  left: 264px;
  object-fit: cover;
  position: absolute;
  top: 714px;
  width: 26px;
}

.home-screen .text-46 {
  left: 222px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  text-align: center;
  top: 254px;
  white-space: nowrap;
}

.home-screen .text-47 {
  left: 223px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  text-align: center;
  top: 206px;
  white-space: nowrap;
}

.home-screen .x5g {
  height: 22px;
  left: 460px;
  object-fit: cover;
  position: absolute;
  top: 65px;
  width: 22px;
}