-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyle.css
124 lines (118 loc) · 2.29 KB
/
style.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
body{
margin: 0;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.top-banner{
background-image: url(images/food/Project\ Cover4.png);
background-size: auto;
padding: 80px 50px;
box-sizing: border-box;
background-attachment: fixed;
height: 470px;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.top-banner h1{
text-align: center;
font-size: 120px;
color: white;
font-family: 'Lobster', cursive;
text-shadow: gray ;
}
.half-width h1{
font-size: 60px;
color: rgb(41, 37, 37);
}
.orange{
color: rgb(231, 106, 60);
}
.box-button{
text-decoration: none;
font-weight: 700;
color: white;
padding: 15px 30px;
background-image: linear-gradient(rgb(255, 81, 81),orange);
border-radius: 20px;
}
.introduction{
display: flex;
}
.half-width{
width: 50%;
padding: 50px 20px 10px 80px;
}
.half-width p{
margin-bottom: 40px;
}
.half-width img{
width: 90%;
height: 500px;
}
.half-width p{
font-weight: 400;
font-size: 18px;
color: rgb(39, 36, 36);
}
#background{
background-image: url(images/shapes/7.png);
background-repeat: no-repeat;
}
#food-item{
text-align: center;
padding: 20px 300px;
}
#food-item h1{
font-size: 40px;
color: rgb(41, 37, 37);
}
.one-third{
width: 40%;
padding: 20px 20px 10px 30px;
box-shadow: 0 6px 12px gray, 0px 1px 3px rgb(27, 24, 24) ;
margin-left:4%;
margin-right:4%;
padding-left: 20px;
border-radius: 20px;
}
.one-third:hover {
box-shadow: 0 14px 28px rgb(78, 76, 105), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.one-third img{
width: 100%;
height: 220px;
border-radius: 20px;
}
.social{
margin: 80px 50px;
box-shadow: 0px 14px 28px gray;
border-radius: 20px;
display: flex;
}
.social-item{
width: 40%;
padding: 20px 20px 40px 30px;
margin-left:4%;
margin-right:4%;
padding-left: 100px;
}
.social-item h1{
font-size: 30px;
font-weight: 800;
}
footer{
margin-top: 50px;
padding: 30px 20px;
text-align: center;
background-color: rgb(23, 20, 36);
color: white;
}
.footer{
display: flex;
}
.footer-item{
width: 40%;
padding: 20px 20px 40px 30px;
margin-left:4%;
margin-right:4%;
padding-left: 20px;
}