flexbox navbar fixed top

1/* Clear formatting*/
2
3* {
4  box-sizing: border-box;
5  margin: 0;
6  padding: 0;
7}
8/* Remove formatting from links*/
9
10a {
11  color: inherit;
12  text-decoration: none;
13}
14/* Set a max width to the content*/
15
16.wrapper {
17  max-width: 960px;
18  margin: 0 auto;
19  background-color: pink;
20  display: flex;
21  flex-direction: column;
22  /*height: 100vh;  */
23}
24.parent {
25  position: fixed;
26  top: 0;
27  left: 0;
28  margin: auto;
29  width: 100%;
30}
31.navbar {
32  display: flex;
33  justify-content: space-between;
34  background-color: yellow;
35  /*   */
36}
37.logo {
38  padding: 20px;
39}
40.menu {
41  display: flex;
42  align-items: center;
43}
44.menu ul {
45  display: flex;
46  justify-content: flex-end;
47  align-items: center;
48  list-style: none;
49  background-color: grey;
50}
51.menu li {
52  padding: 20px;
53  margin-left: 20px;
54  background-color: orange;
55  color: rgba(255, 0, 0, 0.9);
56  font-size: 16px;
57  font-weight: bold;
58}