Spaces:
Sleeping
Sleeping
| /* Desktop */ | |
| position: relative; | |
| width: 1280px; | |
| height: 1080px; | |
| left: 64px; | |
| top: 100px; | |
| overflow-y: scroll; | |
| background: #203667; | |
| /* Mobile */ | |
| position: absolute; | |
| visibility: hidden; | |
| width: 375px; | |
| height: 1080px; | |
| left: 0px; | |
| top: 100px; | |
| overflow-y: scroll; | |
| background: #203667; | |
| /* When are you experiencing Egypt? */ | |
| position: absolute; | |
| height: 155px; | |
| left: 44px; | |
| right: 43px; | |
| top: 194px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 24px; | |
| line-height: 45px; | |
| text-align: center; | |
| letter-spacing: 0.05em; | |
| color: #F2F4EF; | |
| /* Skip */ | |
| position: absolute; | |
| width: 262px; | |
| height: 71px; | |
| right: -203px; | |
| top: 16px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 20px; | |
| line-height: 37px; | |
| letter-spacing: 0.05em; | |
| color: #F2F4EF; | |
| /* Rectangle 474 */ | |
| position: absolute; | |
| height: 66px; | |
| left: 22px; | |
| right: 21px; | |
| top: 366px; | |
| background: #1A2C54; | |
| border-radius: 8px; | |
| /* Rectangle 475 */ | |
| position: absolute; | |
| height: 66px; | |
| left: 22px; | |
| right: 21px; | |
| top: 478px; | |
| background: #1A2C54; | |
| border-radius: 8px; | |
| /* Rectangle 476 */ | |
| position: absolute; | |
| height: 66px; | |
| left: 22px; | |
| right: 21px; | |
| top: calc(50% - 66px/2 + 83px); | |
| background: #1A2C54; | |
| border-radius: 8px; | |
| /* Step 1 / 5 */ | |
| position: absolute; | |
| width: 133px; | |
| height: 31px; | |
| left: 155px; | |
| top: 105px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 16px; | |
| line-height: 30px; | |
| letter-spacing: 0.05em; | |
| color: #F2F4EF; | |
| /* Rectangle 477 */ | |
| box-sizing: border-box; | |
| position: absolute; | |
| width: 113px; | |
| height: 36px; | |
| left: 29px; | |
| top: 816px; | |
| background: #203667; | |
| border: 3px solid #FDC554; | |
| border-radius: 4px; | |
| /* Rectangle 479 */ | |
| position: absolute; | |
| width: 113px; | |
| height: 36px; | |
| left: 233px; | |
| top: 816px; | |
| background: #FDC554; | |
| border-radius: 4px; | |
| /* Planning Ahead */ | |
| position: absolute; | |
| width: 197px; | |
| height: 25px; | |
| left: 66px; | |
| top: 380px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 20px; | |
| line-height: 37px; | |
| text-align: center; | |
| letter-spacing: 0.05em; | |
| color: #F2F4EF; | |
| /* Already Here! */ | |
| position: absolute; | |
| width: 197px; | |
| height: 25px; | |
| left: 61px; | |
| top: 498px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 20px; | |
| line-height: 37px; | |
| text-align: center; | |
| letter-spacing: 0.05em; | |
| color: #F2F4EF; | |
| /* Just exploring for now */ | |
| position: absolute; | |
| width: 223px; | |
| height: 25px; | |
| left: calc(50% - 223px/2); | |
| top: 604px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 20px; | |
| line-height: 37px; | |
| text-align: center; | |
| letter-spacing: 0.05em; | |
| color: #F2F4EF; | |
| /* Rectangle 480 */ | |
| position: absolute; | |
| width: 197px; | |
| height: 14px; | |
| left: 92px; | |
| top: 30px; | |
| background: #142448; | |
| border-radius: 15px; | |
| /* Rectangle 481 */ | |
| position: absolute; | |
| width: 23px; | |
| height: 14px; | |
| left: 92px; | |
| top: 30px; | |
| background: #FDC554; | |
| border-radius: 15px; | |
| /* Back */ | |
| position: absolute; | |
| width: 85px; | |
| height: 14px; | |
| left: 60px; | |
| top: 815px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 20px; | |
| line-height: 37px; | |
| letter-spacing: 0.05em; | |
| color: #F2F4EF; | |
| /* Continue */ | |
| position: absolute; | |
| width: 85px; | |
| height: 14px; | |
| right: 41px; | |
| top: 815px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 20px; | |
| line-height: 37px; | |
| letter-spacing: 0.05em; | |
| color: #203667; | |
| /* Skip */ | |
| position: absolute; | |
| width: 262px; | |
| height: 71px; | |
| right: -131px; | |
| top: 32px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 32px; | |
| line-height: 60px; | |
| letter-spacing: 0.05em; | |
| color: #FFFFFF; | |
| /* Rectangle 483 */ | |
| position: absolute; | |
| width: 416px; | |
| height: 32px; | |
| left: 444px; | |
| top: 58px; | |
| background: #142448; | |
| border-radius: 15px; | |
| /* Rectangle 482 */ | |
| position: absolute; | |
| width: 85px; | |
| height: 32px; | |
| left: 444px; | |
| top: 58px; | |
| background: #FDC554; | |
| border-radius: 15px; | |
| /* Step 2 / 5 */ | |
| position: absolute; | |
| width: 133px; | |
| height: 31px; | |
| left: 585px; | |
| top: 142px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 24px; | |
| line-height: 45px; | |
| letter-spacing: 0.05em; | |
| color: #F2F4EF; | |
| /* How do you want your days to feel? */ | |
| position: absolute; | |
| width: 436px; | |
| height: 155px; | |
| left: calc(50% - 436px/2); | |
| top: 225px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 40px; | |
| line-height: 75px; | |
| text-align: center; | |
| letter-spacing: 0.05em; | |
| color: #FFFFFF; | |
| /* Rectangle 474 */ | |
| position: absolute; | |
| width: 872px; | |
| height: 75px; | |
| left: 204px; | |
| top: 437px; | |
| background: #1A2C54; | |
| border-radius: 8px; | |
| /* Slow & relaxed */ | |
| position: absolute; | |
| width: 427px; | |
| height: 25px; | |
| left: 222px; | |
| top: 437px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 36px; | |
| line-height: 67px; | |
| text-align: center; | |
| letter-spacing: 0.05em; | |
| color: #F2F4EF; | |
| /* Rectangle 475 */ | |
| position: absolute; | |
| width: 872px; | |
| height: 76px; | |
| left: 204px; | |
| top: 546px; | |
| background: #1A2C54; | |
| border-radius: 8px; | |
| /* Balanced */ | |
| position: absolute; | |
| width: 427px; | |
| height: 25px; | |
| left: 211px; | |
| top: 555px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 36px; | |
| line-height: 67px; | |
| text-align: center; | |
| letter-spacing: 0.05em; | |
| color: #F2F4EF; | |
| /* Rectangle 476 */ | |
| position: absolute; | |
| width: 872px; | |
| height: 75px; | |
| left: 204px; | |
| top: 656px; | |
| background: #1A2C54; | |
| border-radius: 8px; | |
| /* Full & active */ | |
| position: absolute; | |
| width: 483px; | |
| height: 25px; | |
| left: calc(50% - 483px/2 - 154.5px); | |
| top: 661px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 36px; | |
| line-height: 67px; | |
| text-align: center; | |
| letter-spacing: 0.05em; | |
| color: #F2F4EF; | |
| /* Rectangle 484 */ | |
| box-sizing: border-box; | |
| position: absolute; | |
| width: 203px; | |
| height: 51px; | |
| left: 353px; | |
| top: 876px; | |
| background: #203667; | |
| border: 3px solid #FDC554; | |
| border-radius: 4px; | |
| /* Rectangle 485 */ | |
| position: absolute; | |
| width: 203px; | |
| height: 51px; | |
| left: 720px; | |
| top: 876px; | |
| background: #FDC554; | |
| border-radius: 4px; | |
| /* Continue */ | |
| position: absolute; | |
| width: 152px; | |
| height: 20px; | |
| right: 379px; | |
| top: 869px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 32px; | |
| line-height: 60px; | |
| letter-spacing: 0.05em; | |
| color: #203667; | |
| /* Back */ | |
| position: absolute; | |
| width: 153px; | |
| height: 20px; | |
| left: 409px; | |
| top: 870px; | |
| font-family: 'Cairo'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 32px; | |
| line-height: 60px; | |
| letter-spacing: 0.05em; | |
| color: #F2F4EF; | |