SHOW:
|
|
- or go back to the newest paste.
1 | /* Navbar */ | |
2 | .navbar-brand { | |
3 | font-family: Viga; | |
4 | font-size: 32px; | |
5 | } | |
6 | ||
7 | /* Jumbotron */ | |
8 | .jumbotron { | |
9 | background-image: url(img/6.jpg); | |
10 | background-size: cover; | |
11 | height: 640px; | |
12 | - | text-align: center; |
12 | + | /* text-align: center; */ |
13 | ||
14 | /* ditambahin ini */ | |
15 | display: flex; | |
16 | align-items: center; | |
17 | justify-content: center; | |
18 | } | |
19 | ||
20 | .jumbotron .display-4 { | |
21 | color: white; | |
22 | ||
23 | text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); | |
24 | } | |
25 | ||
26 | .display-4 { | |
27 | } | |
28 | ||
29 | /* Utility */ | |
30 | .tombol { | |
31 | text-transform: uppercase; | |
32 | border-radius: 40px; | |
33 | } | |
34 | ||
35 | /* Desktop Version */ | |
36 | @media (min-width: 992px) { | |
37 | .navbar-brand, | |
38 | .nav-link { | |
39 | color: white !important; | |
40 | text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); | |
41 | } | |
42 | ||
43 | .nav-link { | |
44 | text-transform: uppercase; | |
45 | margin-right: 30px; | |
46 | } | |
47 | .nav-link:hover::after { | |
48 | content: ""; | |
49 | display: block; | |
50 | border-bottom: 3px solid #0b63dc; | |
51 | width: 50%; | |
52 | margin: auto; | |
53 | padding-bottom: 5px; | |
54 | margin-bottom: -8px; | |
55 | } | |
56 | ||
57 | .jumbotron { | |
58 | margin-top: -75px; | |
59 | } | |
60 | } | |
61 |