-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsignup.css
70 lines (69 loc) · 1.48 KB
/
signup.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
body {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background-color: var(--bg--color);
/* font-family: "Roboto", sans-serif; */
}
/* :root {
--bg--color: #006778;
--primary--color: #fff;
--secondary--color: #a4ebf3;
--gray--color: #aaaaaa;
} */
.wapper {
margin-top: 120px;
width: 300px;
background-color:#fff;
padding: 10px 30px 30px;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
.wapper input {
padding-left: 10px;
margin-bottom: 10px;
height: 45px;
width: 100%;
border: 1px solid #D11243;
outline: none;
border-radius: 10px;
}
.wapper .btn1 {
padding: 8px 15px;
border: none;
outline: none;
border-radius: 5px;
background: #aaaaaa;
transition: all 0.2s linear;
text-align: center;
width:100%;
margin:1.5rem 0;
font-size: 20px;
}
.btn1:hover {
transform: scale(1.1);
background: #D11243;
}
.wapper input:focus {
border: 1px solid #D11243;
}
.wapper input::placeholder {
color: black;
}
.wapper .login-link {
display: block;
transform: translateX(120px);
margin-bottom: 20px;
color: #D11243;
}
a{
color: #D11243;
}
img{
margin-top: 20px;
height: 60px;
width: 50%;
/* border: 1px solid blue; */
/* background-image: url("https://www.licious.in/img/rebranding/logo-white.png"); */
}