DarkCodeClone/signForm.css at master · geonwoomun/DarkCodeClone · GitHub

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
71
72
body{
    margin : 0;
    padding :0;
    background : #487eb0;
}

.signup-form{
    width: 300px;
    padding : 20px;
    text-align: center;
    background: url(bg.jpg);
    position : absolute;
    top: 50%;
    left : 50%;
    transform : translate(-50%,-50%);
    overflow:hidden;
}
.signup-form h1{
    margin-top : 100px;
    font-family : 'Permanent Marker', cursive;
    color : #fff;
    font-size : 40px;
}

.signup-form input {
    display : block;
    width : 100%;
    padding : 0 16px;
    height : 44px;
    text-align : center;
    box-sizing: border-box;
    outline : none;
    border : none;
    font-family : "montserrat",sans-serif;
    color : #fff;
}
.signup-form input::placeholder{
    color : #fff;
}

.txtb{
    margin: 20px 0;
    background : rgba(255,255,255,.3);
    border-radius : 6px;
}

.signup-btn{
    margin-top : 60px;
    margin-bottom : 20px;
    background : #487eb0;
    color : #fff;
    border-radius: 44px;
    cursor : pointer;
    transition: 0.8s;
}
.signup-btn:hover{
    transform : scale(0.96);
}

.signup-form a{
    text-decoration : none;
    color : #fff;
    font-family : "montserrat",sans-serif;
    font-size : 14px;
    padding: 10px;
    transition: 0.8s;
    display : block;
}

.signup-form a:hover{
    background : rgba(0,0,0,.3);
}