46 color: #3060f8; |
46 color: #3060f8; |
47 text-decoration: none; |
47 text-decoration: none; |
48 } |
48 } |
49 |
49 |
50 #mainMenu { |
50 #mainMenu { |
|
51 position: fixed; |
|
52 z-index: 2; |
51 width: 100%; |
53 width: 100%; |
52 display: flex; |
54 display: flex; |
53 flex-flow: row wrap; |
55 flex-flow: row wrap; |
54 border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25)); |
56 border-image-source: linear-gradient(to right, #606060, rgba(60, 60, 60, .25)); |
55 border-image-slice: 1; |
57 border-image-slice: 1; |
56 border-bottom-style: solid; |
58 border-bottom-style: solid; |
57 border-bottom-width: 1pt; |
59 border-bottom-width: 1pt; |
58 } |
60 } |
|
61 |
59 #sideMenu { |
62 #sideMenu { |
60 display: flex; |
63 display: flex; |
|
64 z-index: 1; |
61 flex-flow: column; |
65 flex-flow: column; |
62 position: fixed; |
66 position: fixed; |
63 height: 100%; |
67 height: 100%; |
64 width: 30ch; |
68 width: 30ch; |
|
69 padding-top: 2.25rem; |
65 border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25)); |
70 border-image-source: linear-gradient(to bottom, #606060, rgba(60, 60, 60, .25)); |
66 border-image-slice: 1; |
71 border-image-slice: 1; |
67 border-right-style: solid; |
72 border-right-style: solid; |
68 border-right-width: 1pt; |
73 border-right-width: 1pt; |
69 } |
74 } |