Digiweb-HTML-CSS-Bootstrap/contact-style.css at main · kumar-tushar/Digiweb-HTML-CSS-Bootstrap · 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
101
102
103
104
105
106
107
108
109
110


.idd{padding: 50px 80px 50px  80px;}

footer
{padding-top: 0.5em;
background-color:rgb(22, 77, 110);
}

.navbar
{height: 70px;}

.mt-2,.nav-link
{font-size:19px;}

h3
{color:white;
font-weight:bolder;
font-size:25px;}

h5
{color:black;}

h1
{
color:white;
font-weight: bold;
font-size:30px;
 }

p
{color:whitesmoke;}

h1
{letter-spacing :2px;}
h3{letter-spacing: 1px;}

body{
    background-size:cover;
    background: url(images/network-4556932.jpg) no-repeat fixed ;
}
hr{
    background: white;
}

.contact-form{
    background:rgba(0, 0, 0, 0.425);

    margin-top: 150px;
    margin-bottom: 150px;

    padding: 30px 40px 30px 40px;
    box-shadow: 0 0 10px 3px rgb(2, 0, 0);
}
.form-field
{
padding:10px 50px 10px 50px ;
}
.form-control
{
background:rgba(189, 247, 255, 0.116);
border-radius: 0;

border:0;
font-size:18px;
border-bottom: 1px solid white;
}

.label{font-size: 20px;
font-weight: bolder;
color:white;
}


@media(max-width:768px)
{

.i
{min-height: 10%;}

.navbar
{height:fit-content;}

img
{max-width: 100%;
height: auto; }


.col-lg-3
{padding: 40px 0 40px 0;}


h1,h2,h4,h3
{font-size:1.45rem;}

.mt
{font-size:1.35rem;}

.nav-link
{font-size:1rem;}

.id,p,h5
{font-size:1rem;}

.hr
{width:1px;}

.contact-form{padding: 20px 15px 20px 15px;}
}