-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyleHomePage (1).css
120 lines (100 loc) · 2.97 KB
/
styleHomePage (1).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
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
111
112
113
114
115
116
117
118
119
120
* {
/* background-color: #8EC5FC;
background-image: linear-gradient(62deg, 0.2, #8EC5FC 0%, #E0C3FC 100%); */
/* opacity: 0.2; */
}
#tf-home {
background: url(image.jpg);
background-size: cover;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
color: #cfcfcf;
}
img:hover {
transform: scale(1.1);
transition: 0.3s;
}
#tf-home .overlay {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.73) 17%, rgba(0, 0, 0, 0.66) 35%, rgba(0, 0, 0, 0.55) 62%, rgba(0, 0, 0, 0.4) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(17%, rgba(0, 0, 0, 0.73)), color-stop(35%, rgba(0, 0, 0, 0.66)), color-stop(62%, rgba(0, 0, 0, 0.55)), color-stop(100%, rgba(0, 0, 0, 0.4)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.73) 17%, rgba(0, 0, 0, 0.66) 35%, rgba(0, 0, 0, 0.55) 62%, rgba(0, 0, 0, 0.4) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.73) 17%, rgba(0, 0, 0, 0.66) 35%, rgba(0, 0, 0, 0.55) 62%, rgba(0, 0, 0, 0.4) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.73) 17%, rgba(0, 0, 0, 0.66) 35%, rgba(0, 0, 0, 0.55) 62%, rgba(0, 0, 0, 0.4) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.73) 17%, rgba(0, 0, 0, 0.66) 35%, rgba(0, 0, 0, 0.55) 62%, rgba(0, 0, 0, 0.4) 100%);
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000', GradientType=0);
/* IE6-9 */
height: 750px;
background-attachment: fixed;
}
#tf-home p.lead {
color: #e3e3e3;
}
.content {
position: relative;
padding: 20% 0 0;
}
/* * {
overflow-x: hidden;
overflow-y: unset;
} */
.header h1 {
padding: 1%;
text-align: center;
}
.main {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.main img,
p {
padding: 2%;
}
.btn-hover {
letter-spacing: 2px;
font-weight: 600;
}
.btn-hover:hover {
background-color: whitesmoke;
color: black;
}
#contact {
display: flex;
/* flex-direction: row; */
justify-content: center;
align-items: center;
/* background-color: brown; */
}
#contact .row {
width: 70%;
display: flex;
justify-content: center;
align-items: center;
}
#contact form {
width: 80%;
/* display: flex;
justify-content: center;
align-items: center; */
}
#csontact form .container {
width: 100%;
}
footer {
background-color: black;
color: white;
}
footer .container-fluid img {
width: 50px;
height: 50px;
}
/* .navbar {
position: sticky;
top: 0;
} */