-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
98 lines (82 loc) · 1.7 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
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,body{
height: 100%;
width: 100%;
}
section{
min-height: 100vh;
background-image: linear-gradient(rgba(0,0,0,0.50),rgba(0,0,0,0.50)), url(https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8Z3JvdXAlMjBzdHVkeXxlbnwwfHwwfHx8MA%3D%3D);
background-repeat: no-repeat;
background-size: cover;
}
.container{
width: 855;
margin: auto;
}
nav{
height: 80px;
}
nav h1{
float: left;
line-height: 80px;
font-size: 35px;
font-size: inline;
color: #eb7620;
}
nav ul{
float: right;
line-height: 80px;
}
nav ul li{
display: inline-block;
list-style: none;
padding: 0px 5px;
}
nav ul li a{
color: #fff;
text-decoration: none;
text-transform: uppercase;
padding: 7px 8px;
}
nav ul li a:hover{
background-color: #eb7620;
transition: 0.5s ease;
}
nav ul li .active{
background-color: #eb7620;
}
#article{
width: 50%;
margin: auto;
text-align: center;
transform: translateY(25vh);
}
#article h1{
font-size: 36px;
color: #fff;
letter-spacing: 1.5px;
font-weight: 800;
margin-bottom: 25px;
}
#article p{
font-size: 18px;
color: #aaa4a4;
line-height: 1.5;
margin-bottom: 50px;
}
#article .btn{
color: #fff;
padding: 12px 25px;
letter-spacing: 1.5px;
text-transform: uppercase;
text-decoration: none;
background-color: #f15048;
}
#article .btn:hover{
background-color: #4399fa;
transition: 0.5s ease;
}