-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
108 lines (93 loc) · 1.83 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
*{
margin:0;
padding:0;
box-sizing: border-box;
}
body{
background-color: hsl(257, 40%, 49%);
background-image: url(./huddle-landing-page-with-single-introductory-section-master/images/bg-desktop.svg);
background-repeat: no-repeat;
background-size:cover;
padding-left:5rem;
padding-right:4rem;
max-width: 100%;
}
header img{
height:3rem;
margin-top:3rem;
}
main{
margin-top:5rem;
display:flex;
}
.container{
display:flex;
flex-direction: column;
font-family: "Poppins", sans-serif;
padding-left:2rem;
}
h1{
color:azure;
font-weight: 600;
font-size: 40px;
padding-top:2.5rem;
padding-bottom:1.5rem;
}
p{
color:rgba(203, 213, 213, 0.89);
font-weight: 420;
font-size: 16px;
padding-bottom:1.5rem;
line-height: 1.7;
}
button{
border-radius:30px;
padding-top:15px;
padding-bottom:15px;
width:200px;
text-align: center;
color:hsl(257, 40%, 49%);
border:none;
font-size: 18px;
font-family: "Poppins", sans-serif;
box-shadow: 1px 5px 10px rgba(47, 46, 46, 0.7);
}
button:hover{
background-color: hsl(300, 69%, 71%);
color:white;
cursor:pointer;
}
footer{
position:fixed;
right: 0;
bottom: 0;
padding-right:5rem;
padding-bottom:2rem;
}
footer i{
color: white;
border: 2px solid rgb(195, 187, 187);
border-radius: 50%;
padding: 10px;
margin:5px;
height:40px;
width:40px;
}
footer i:first-child{
padding-left:13px;
}
footer i:last-child{
padding-left:11px;
}
footer i:hover{
color: hsl(300, 70%, 57%);
border: 2px solid hsl(300, 70%, 57%);
cursor:pointer;
}
@media screen and (max-width:1075px) {
main{
flex-direction: column;
}
}
/* font-family: "Open Sans", sans-serif; */
/* font-family: "Poppins", sans-serif; */