CV-sample/ccontact.css at master · stuti-ui/CV-sample · 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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
body{
    background-image:linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.5)),url('https://media.istockphoto.com/photos/human-hand-drawing-contact-us-on-blackboard-picture-id984585688?k=6&m=984585688&s=612x612&w=0&h=q6Jszkpz5ay1ub70I8wxUuL99_pJe-OyhFdbi7a_4Yw=');
    background-repeat: no-repeat;
    background-size:cover;
    height:100%;
    background-position: bottom left;
}
h1{
    color:white;
    font-size:60px;
    text-align:left;
    padding-left:40%;
    font-family:Arial, Helvetica, sans-serif;

}
form{
    margin:70px auto;
    width:650px;
    border-radius: 10px;
    font-family:Arial, Helvetica, sans-serif;
}
div{
    margin-top:25px;
}
label{
    display:inline-block;
    width:120px;
    text-align:left;
    color:white;
    font-size:20px;
    padding-right:20px;
}
input,textarea{
    font-size:20px;
    font-family:Arial, Helvetica, sans-serif;
    background:rgba(189,189,189,0.3);
    width:400px;
    color:white;
    vertical-align: top;;

}
.button1{
    text-decoration:none;
    border:none;
    background:white;
    color:black;
    font-weight:100;
    padding:10px;
    transition:all 0.5s ease 0;
    display:inline-block;
    font-family:Arial, Helvetica, sans-serif;
    font-size:20;

}
.sidenav{

    background-repeat:no-repeat;
    display:none;
    height:100%;
    width:250px;
    position:fixed;
    z-index:1;
    top:0;
    left:0;
    background-color: white;
    overflow-x:hidden;
    padding-top:60px;
}
span{
    color:white;

}
.sidenav a{
    padding:30px 20px 8px 32px ;
    text-decoration:none;
    font-size:25px;
    color:grey;
    display:block;


}
.sidenav a:hover{
    color:orange;

}
.sidenav .closebtn{
    position:absolute;
    color:black;
    top: 0;
    right: 25px;
    font-size:40px;
    margin-left:50px;

}
img{
    width:85%;
    height:25%;
    padding-top: 80%;
    padding-left:8%;
}