1@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
 2
 3/* Basic CSS Reset */
 4* {
 5    margin: 0;
 6    padding: 0;
 7    box-sizing: border-box;
 8}
 9
10body {
11    font-family: 'Arial', sans-serif;
12    line-height: 1.6;
13    background-color: #f4f4f4;
14    color: #333;
15}
16
17/* Header Styles */
18header {
19    background: #35424a;
20    color: #ffffff;
21    padding-top: 30px;
22    min-height: 70px;
23    border-bottom: #e8491d 3px solid;
24}
25
26header a {
27    color: #ffffff;
28    text-decoration: none;
29    text-transform: uppercase;
30    font-size: 16px;
31}
32
33header ul {
34    margin: 0;
35    padding: 0;
36}
37
38header li {
39    float: left;
40    display: inline;
41    padding: 0 20px 0 20px;
42}
43
44/* Container */
45.container {
46    width: 80%;
47    margin: auto;
48    overflow: hidden;
49}
50
51/* Buttons */
52.button {
53    display: inline-block;
54    height: 38px;
55    padding: 0 30px;
56    color: #555;
57    text-align: center;
58    font-size: 11px;
59    font-weight: 600;
60    line-height: 38px;
61    letter-spacing: .1rem;
62    text-transform: uppercase;
63    text-decoration: none;
64    white-space: nowrap;
65    background-color: transparent;
66    border-radius: 4px;
67    border: 1px solid #bbb;
68    cursor: pointer;
69    box-sizing: border-box;
70}
71
72.button:hover,
73.button:focus {
74    color: #333;
75    border-color: #888;
76    outline: 0;
77}