A-YALLA KORA

 

/* Start */ position: relative; width: 375px; height: 812px; background: #111111; /* Group */ position: absolute; width: 375px; height: 512px; left: 0px; top: 108px; /* cover start screen */ position: absolute; width: 375px; height: 510px; left: 0px; top: 110px; background: url(https://download943.mediafire.com/54ns8ecwgerg/8ngtzsssi0t70gd/splash+screen.png); /* Rectangle */ position: absolute; width: 375px; height: 130px; left: 0px; top: 108px; background: linear-gradient(180deg, #111111 0%, rgba(17, 17, 17, 0) 100%); /* Rectangle */ position: absolute; width: 375px; height: 130px; left: 0px; top: 620px; background: linear-gradient(180deg, #111111 0%, rgba(17, 17, 17, 0) 100%); transform: matrix(1, 0, 0, -1, 0, 0); /* Group */ position: absolute; width: 327px; height: 240px; left: 24px; top: 492px; /* Group */ position: absolute; width: 327px; height: 64px; left: 24px; top: 588px; /* Rectangle */ position: absolute; width: 327px; height: 64px; left: 24px; top: 588px; background: #F71B24; border-radius: 16px; /* Sign in */ position: absolute; width: 53px; height: 18px; left: 161px; top: 611px; font-family: 'Inter'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 18px; /* identical to box height, or 112% */ text-align: center; color: #FFFFFF; /* Group */ position: absolute; width: 327px; height: 64px; left: 24px; top: 668px; /* Rectangle */ box-sizing: border-box; position: absolute; width: 327px; height: 64px; left: 24px; top: 668px; border: 1px solid #FFFFFF; border-radius: 16px; /* Sign in with Google */ position: absolute; width: 168px; height: 18px; left: 103px; top: 691px; font-family: 'Inter'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 18px; /* identical to box height, or 112% */ text-align: center; color: #FFFFFF; /* ant-design:google-outlined */ position: absolute; width: 32px; height: 32px; left: 40px; top: 684px; /* Vector */ position: absolute; left: 13.3%; right: 13.29%; top: 12.55%; bottom: 12.5%; background: #FFFFFF; /* Watch your favourite movie or series on only one platform. You can watch it anytime and anywhere */ position: absolute; width: 327px; height: 72px; left: 24px; top: 492px; font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; /* or 150% */ text-align: center; color: #FFFFFF; /* Movie+ */ position: absolute; width: 176px; height: 58px; left: 99px; top: 80px; font-family: 'Inter'; font-style: normal; font-weight: 700; font-size: 48px; line-height: 58px; /* identical to box height */ text-align: center; color: #FFFFFF;