You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

218 lines
4.1 KiB

.mobile-activation {
width: 100vw;
max-width: 650px;
margin: 0px auto;
padding: 0px 10px 40px;
direction: rtl;
padding-top: 70px;
overflow-x: hidden;
&__back {
width: 100%;
justify-content: flex-end;
a {
display: inline;
font-family: numeralLight;
text-decoration: none;
padding: 5px 20px 3px;
background-color: #00cc69;
border-radius: 25px;
color: white;
&:focus:enabled {
text-decoration: none;
}
}
}
&__header {
margin: auto;
h1 {
font-family: numeralBold;
margin-top: 15px;
color: #00cc69;
letter-spacing: -2px;
}
img {
width: calc(100vh / 5);
}
}
&__description {
width: 100%;
margin-top: 10px;
span {
font-size: 50px;
color: #00cc69;
margin-left: 10px;
position: relative;
bottom: 35px;
}
p {
color: #6f7074;
font-family: numeralMedium;
}
}
&__form {
width: 100%;
padding: 0px 15px;
font-family: numeralMedium;
position: fixed;
bottom: 20px;
background-color: white !important;
input {
width: 100%;
background-color: #f6f6f6;
color: #4d4d4f;
text-align: center;
direction: ltr;
border: 0px;
padding: 15px 0px;
border-radius: 10px;
&:focus {
outline: 0px;
}
&::placeholder {
color: #afafaf;
}
}
button {
display: inline;
font-family: numeralLight;
text-decoration: none;
padding: 14px 20px 14px;
background-color: #00cc69;
border-radius: 10px;
color: white;
border: 0px;
margin-top: 10px;
letter-spacing: -1px;
&:focus:enabled {
text-decoration: none;
}
}
}
&__support {
width: 80%;
margin-top: 30px;
span {
color: #00cc69;
margin-left: 10px;
}
p {
font-size: calc(100vw / 30);
color: #6f7074;
font-family: numeralMedium;
text-align: center;
}
}
&__history {
width: 100%;
margin: 30px 0px;
h2 {
font-family: numeralBold;
color: #02a255;
font-size: calc(100vw / 24);
margin-bottom: 20px;
}
}
}
.activation {
width: 100vw;
max-width: 1250px;
margin: 0px auto;
padding: 0px 10px 40px;
direction: rtl;
overflow-x: hidden;
padding-top: 60px;
&__header {
max-width: 900px;
width: 100%;
margin-top: 30px;
img {
width: 200px;
}
h1 {
font-family: numeralBold;
margin-top: 15px;
color: #00cc69;
letter-spacing: -2px;
}
}
&__description {
width: 100%;
margin-top: 30px;
max-width: 900px;
span {
font-size: 50px;
color: #00cc69;
margin-left: 10px;
position: relative;
bottom: 42px;
}
p {
font-size: calc(100vw / 30);
color: #6f7074;
font-family: numeralMedium;
}
}
&__form {
width: 100%;
max-width: 900px;
font-family: numeralMedium;
justify-content: space-between;
input {
width: 70%;
background-color: #f6f6f6;
color: #4d4d4f;
text-align: center;
direction: ltr;
border: 0px;
height: 60px;
border-radius: 10px;
&:focus {
outline: 0px;
}
}
button {
width: 25%;
height: 60px;
display: inline;
font-family: numeralLight;
text-decoration: none;
padding: 16px 20px 16px;
background-color: #00cc69;
border-radius: 10px;
color: white;
border: 0px;
letter-spacing: -1px;
&:focus:enabled {
text-decoration: none;
}
}
}
&__support {
width: 100%;
max-width: 900px;
margin-top: 30px;
align-items: center;
span {
color: #00cc69;
margin-left: 10px;
}
p {
color: #afafaf;
font-family: numeralMedium;
text-align: center;
margin-bottom: 0px;
}
}
&__history {
width: 100%;
max-width: 900px;
margin: 50px 0px;
h2 {
font-family: numeralBold;
color: #02a255;
margin-bottom: 20px;
}
}
}