Skip to content

Commit 3eba268

Browse files
Create style.css
1 parent d635b77 commit 3eba268

File tree

1 file changed

+86
-0
lines changed

1 file changed

+86
-0
lines changed

style.css

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
*{
2+
margin: 0;
3+
padding: 0;
4+
font-family: 'Poppins', sans-serif;
5+
box-sizing: border-box;
6+
}
7+
8+
body{
9+
background-color: #000000;
10+
color: #fff
11+
}
12+
13+
#header{
14+
width: 100%;
15+
height: 100vh;
16+
background-image: url(Images/img4.jpg);
17+
background-size: cover;
18+
background-position: center
19+
}
20+
21+
.container{
22+
padding: 10px 10%;
23+
/* margin: 20px 0px 0px 0px; */
24+
}
25+
26+
nav{
27+
display: flex;
28+
align-items: center;
29+
justify-content: space-between;
30+
flex-wrap: wrap;
31+
}
32+
33+
.logo{
34+
width: 180px;
35+
height: 64px;
36+
}
37+
38+
39+
40+
41+
42+
nav ul li {
43+
display: inline-block;
44+
list-style: none;
45+
margin: 10px 20px;
46+
}
47+
48+
nav ul li a {
49+
color: #fff;
50+
text-decoration: none;
51+
font-size: 18px;
52+
position: relative;
53+
}
54+
55+
nav ul li a::after{
56+
content: '';
57+
width: 0%;
58+
height: 3px;
59+
background: #ff004f;
60+
position: absolute;
61+
left: 0px;
62+
bottom: -6px;
63+
transform: 0.5s;
64+
}
65+
66+
nav ul li a:hover::after{
67+
width: 100%;
68+
}
69+
70+
.header-text{
71+
margin-top: 20%;
72+
font-size: 30px;
73+
}
74+
75+
.header-text h1{
76+
font-size: 60px;
77+
}
78+
79+
.header-text h1 span{
80+
color: #3780ffa9
81+
}
82+
83+
84+
85+
86+

0 commit comments

Comments
 (0)