/* screen - notes-2 */

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

.notes-2 .overlap-group {
  height: 882px;
  margin-left: -47px;
  margin-top: -13px;
  position: relative;
  width: 490px;
}

.notes-2 .rectangle-1459 {
  background-color: var(--abbey);
  height: 341px;
  left: 23px;
  position: absolute;
  top: 0;
  width: 432px;
}

.notes-2 .rectangle-1460 {
  height: 563px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 319px;
  width: 490px;
}

.notes-2 .text-70 {
  left: 69px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  top: 24px;
  white-space: nowrap;
}

.notes-2 .wifi {
  height: 22px;
  left: 346px;
  object-fit: cover;
  position: absolute;
  top: 24px;
  width: 22px;
}

.notes-2 .battery {
  height: 22px;
  left: 396px;
  object-fit: cover;
  position: absolute;
  top: 24px;
  width: 22px;
}

.notes-2 .rectangle-1461 {
  background-color: var(--boulder);
  border-radius: 57px;
  height: 188px;
  left: 69px;
  opacity: 0.67;
  position: absolute;
  top: 77px;
  width: 344px;
}

.notes-2 .what-am-i-doing {
  left: 112px;
  letter-spacing: 0;
  line-height: 31px;
  position: absolute;
  top: 156px;
  white-space: nowrap;
}

.notes-2 .today {
  left: 78px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 331px;
  white-space: nowrap;
}

.notes-2 .rectangle-1462 {
  background-color: var(--wild-sand);
  border-radius: 29px;
  box-shadow: 0px 8px 9px #00000029;
  height: 151px;
  left: 46px;
  opacity: 0.84;
  position: absolute;
  top: 416px;
  width: 390px;
}

.notes-2 .text-71 {
  left: 78px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  top: 436px;
  white-space: nowrap;
}

.notes-2 .rectangle-1463 {
  background-color: var(--wild-sand);
  height: 92px;
  left: 33px;
  position: absolute;
  top: 776px;
  width: 416px;
}

.notes-2 .rectangle-1458 {
  border-radius: 41px;
  height: 844px;
  left: 46px;
  position: absolute;
  top: 14px;
  width: 390px;
}

.notes-2 .ellipse-245 {
  border-radius: 34px;
  height: 98px;
  left: 192px;
  object-fit: cover;
  position: absolute;
  top: 737px;
  width: 98px;
}

.notes-2 .menu {
  height: 32px;
  left: 358px;
  object-fit: cover;
  position: absolute;
  top: 795px;
  width: 32px;
}

.notes-2 .home {
  height: 32px;
  left: 84px;
  object-fit: cover;
  position: absolute;
  top: 795px;
  width: 32px;
}

.notes-2 .ellipse-258 {
  background-color: var(--white);
  border-radius: 6px;
  height: 12px;
  left: 154px;
  opacity: 0.86;
  position: absolute;
  top: 290px;
  width: 12px;
}

.notes-2 .ellipse-257 {
  background-color: var(--white);
  border-radius: 6px;
  height: 12px;
  left: 175px;
  opacity: 0.86;
  position: absolute;
  top: 290px;
  width: 12px;
}

.notes-2 .ellipse-256 {
  background-color: var(--white);
  border-radius: 6px;
  height: 12px;
  left: 196px;
  opacity: 0.86;
  position: absolute;
  top: 290px;
  width: 12px;
}

.notes-2 .ellipse-255 {
  background-color: var(--white);
  border-radius: 6px;
  height: 12px;
  left: 275px;
  opacity: 0.86;
  position: absolute;
  top: 290px;
  width: 12px;
}

.notes-2 .ellipse-254 {
  background-color: var(--white);
  border-radius: 6px;
  height: 12px;
  left: 296px;
  opacity: 0.86;
  position: absolute;
  top: 290px;
  width: 12px;
}

.notes-2 .ellipse-253 {
  background-color: var(--white);
  border-radius: 6px;
  height: 12px;
  left: 317px;
  opacity: 0.86;
  position: absolute;
  top: 290px;
  width: 12px;
}

.notes-2 .rectangle-1466 {
  background-color: var(--white);
  border-radius: 6px;
  height: 12px;
  left: 216px;
  opacity: 0.86;
  position: absolute;
  top: 290px;
  width: 51px;
}

.notes-2 .text-72 {
  color: var(--apple);
  filter: blur(1.33px);;
  font-family: var(--font-family-helvetica-bold);
  font-size: var(--font-size-xl);
  font-weight: 700;
  left: 78px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  text-shadow: 0px 3px 6px #00000029;
  top: 547px;
  white-space: nowrap;
}

.notes-2 .group-127 {
  background-image: url(../img/undo-4@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 30px;
  left: 226px;
  position: absolute;
  top: 761px;
  width: 30px;
}

.notes-2 .x5g {
  height: 22px;
  left: 371px;
  object-fit: cover;
  position: absolute;
  top: 24px;
  width: 22px;
}