master
1/*
2 * Globals
3 */
4
5/* Links */
6a,
7a:focus,
8a:hover {
9 color: #fff;
10}
11
12/* Custom default button */
13.btn-secondary,
14.btn-secondary:hover,
15.btn-secondary:focus {
16 color: #333;
17 text-shadow: none; /* Prevent inheritance from `body` */
18 background-color: #fff;
19 border: .05rem solid #fff;
20}
21
22
23/*
24 * Base structure
25 */
26
27html,
28body {
29 height: 100%;
30 background-color: #A0AAA6;
31}
32
33body {
34 display: -ms-flexbox;
35 display: -webkit-box;
36 display: flex;
37 -ms-flex-pack: center;
38 -webkit-box-pack: center;
39 justify-content: center;
40 color: #fff;
41 text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
42 box-shadow: inset 0 0 5rem hsla(155, 10%, 40%, 1);
43}
44
45.cover-container {
46 max-width: 90em;
47}
48
49
50/*
51 * Header
52 */
53.masthead {
54 margin-bottom: 2rem;
55}
56
57.masthead-brand {
58 margin-bottom: 0;
59 color: #f7baa1;
60}
61
62.nav-masthead .nav-link {
63 padding: .25rem 0;
64 font-weight: 700;
65 background-color: transparent;
66 border-bottom: .25rem solid transparent;
67}
68
69.nav-masthead .nav-link:hover,
70.nav-masthead .nav-link:focus {
71 border-bottom-color: rgba(255, 255, 255, .25);
72}
73
74.nav-masthead .nav-link + .nav-link {
75 margin-left: 1rem;
76}
77
78.nav-masthead .active {
79 color: #fff;
80 border-bottom-color: #fff;
81}
82
83@media (min-width: 48em) {
84 .masthead-brand {
85 float: left;
86 }
87 .nav-masthead {
88 float: right;
89 }
90}
91
92.btn-sage-green {
93 background-color: #7E968C;
94 border-color: #4c5d56;
95}
96
97/*
98 * Cover
99 */
100.cover {
101 padding: 0 1.5rem;
102}
103.cover .btn-lg {
104 padding: .75rem 1.25rem;
105 font-weight: 700;
106}
107