zoos.css (1089B) download
1body {
2 font-family: Papyrus, sans-serif;
3 margin: 0;
4 padding: 0;
5 color: #999;
6}
7html {
8 background-color: RGB(210,176,76);
9}
10h1 {
11 font-size: 1.3em;
12 margin: 0 0 10px;
13 color: #000;
14}
15h2 {
16 font-size: 2.2em;
17 line-height: 1.1em;
18 margin: 0 0 10px;
19 color: #000;
20}
21a {
22 color: #69C;
23 text-decoration: none;
24}
25a:hover {
26 color: #F30;
27}
28p {
29 margin: 0 0 10px;
30}
31em {
32 font: italic 100% "Times New Roman", Times, serif;
33}
34
35li:first-child a {
36 padding: 0;
37}
38
39li:first-child a img {
40 height: 5vw;
41 width: auto;
42 vertical-align: middle;
43}
44
45li a {
46 display: block;
47 color: #fff;
48 text-decoration: none;
49 padding: 15px;
50 font-family: Arial, sans-serif;
51 transition: background-color 0.3s;
52}
53
54li a:hover {
55 background-color: #555;
56}
57#pagewrap {
58 margin: 0 auto;
59 width: 800px;
60 max-width: 94%;
61}
62
63#map {
64 width: 100%;
65}
66nav {
67 display: flex;
68 background-color: #333;
69 height: 5vw;
70}
71
72nav ul {
73 list-style-type: none;
74 margin: 0;
75 padding: 0;
76}
77
78nav li {
79 display: inline-block;
80}