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.
89 lines
1.7 KiB
89 lines
1.7 KiB
.signup { |
|
width: 100%; |
|
height: 100vh; |
|
position: relative; |
|
font-family: numeralLight; |
|
img { |
|
transform: rotate(-90deg); |
|
} |
|
background: linear-gradient( |
|
135deg, |
|
hsla(0, 0%, 31%, 1) 0%, |
|
hsla(0, 0%, 0%, 1) 100% |
|
); |
|
background: -moz-linear-gradient( |
|
135deg, |
|
hsla(0, 0%, 31%, 1) 0%, |
|
hsla(0, 0%, 0%, 1) 100% |
|
); |
|
background: -webkit-linear-gradient( |
|
135deg, |
|
hsla(0, 0%, 31%, 1) 0%, |
|
hsla(0, 0%, 0%, 1) 100% |
|
); |
|
.footer { |
|
position: fixed; |
|
bottom: 0px; |
|
left: 0px; |
|
} |
|
} |
|
|
|
@media screen and (min-width: 1441px) { |
|
.signup { |
|
section { |
|
width: 410px; |
|
b { |
|
color: white; |
|
font-size: 20px; |
|
margin-bottom: 30px; |
|
font-weight: 500; |
|
p{ |
|
font-size: 16px; |
|
} |
|
} |
|
input { |
|
text-align: center; |
|
background-color: #2a2a2a; |
|
border: 1px solid #a2a2a2; |
|
border-radius: 8px; |
|
font-size: 23px; |
|
padding: 8px 0px; |
|
color: white; |
|
direction: ltr; |
|
&:focus { |
|
border: 1px solid #84de56; |
|
&::placeholder { |
|
color: #84de56; |
|
opacity: 0.3; |
|
} |
|
} |
|
} |
|
button { |
|
margin-top: 25px; |
|
background-color: #84de56; |
|
color: white; |
|
font-size: 20px; |
|
padding: 10px 0px; |
|
border: 0px; |
|
border-radius: 10px; |
|
} |
|
} |
|
&__info { |
|
width: 350px; |
|
margin: 20px auto 0px; |
|
text-align: center; |
|
color: white; |
|
font-size: 13px; |
|
a { |
|
color: #84de56; |
|
} |
|
} |
|
&__back { |
|
margin-bottom: 60px; |
|
a { |
|
color: white; |
|
font-size: 13px; |
|
} |
|
} |
|
} |
|
}
|
|
|