/
globals.css
105 lines (103 loc) · 1.8 KB
/
globals.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
html,
body {
padding: 0;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
* {
box-sizing: border-box;
font-family: "Montserrat", sans-serif;
}
.buttons:hover {
color: #dd6b20;
border: none;
}
.links {
color: #ddd;
cursor: pointer;
}
.header {
background-image: url("../images/housenearlake.jpg");
background-repeat: no-repeat;
position: relative;
background-size: cover;
width: 100%;
height: 100vh;
background-position: center;
}
.header__content {
background: linear-gradient(
96.31deg,
rgba(19, 24, 44, 0.768) 29.65%,
rgba(19, 24, 44, 0.096) 82.34%
);
position: absolute;
width: 100%;
height: 100vh;
}
.line {
width: 30%;
border: transparent;
border-top: 1px solid #dd6b20;
margin-right: 30px;
margin-top: 7px;
}
.full {
width: 33.33%;
}
.gallery {
width: 200px;
}
.rotate {
transform: rotate(-90deg);
}
.services__container {
display: flex;
align-items: flex-start;
}
.clockIcon {
color: #fff;
}
.footerImg {
background-image: url("../images/footerHouse.jpg");
background-repeat: repeat;
background-size: cover;
}
.footer__container {
background: linear-gradient(
161.71deg,
rgba(19, 24, 44, 0.97) 12.15%,
rgba(19, 24, 44, 0) 87.58%
);
width: 100%;
height: 100%;
}
.footerBottom {
background: linear-gradient(
0deg,
rgba(19, 24, 44, 100%),
rgba(19, 24, 44, 60%)
),
url("../images/footerMountain.png");
background-repeat: repeat;
background-size: cover;
}
.bottom__container {
background: linear-gradient(
161.71deg,
rgba(19, 24, 44, 0.97) 10%,
rgba(19, 24, 44, 0) 100%
);
width: 100%;
height: 100%;
}
.deep {
background-color: rgba(19, 24, 44, 20%);
}
.deeper {
background-color: rgba(19, 24, 44, 60%);
}
.mobile__links {
margin-bottom: 30px;
}