update menu component style

@@ -114,9 +114,59 @@ body, html {
 }
 }
 
 
 .menu-item a {
 .menu-item a {
-    font-weight: 500;
-    margin-bottom: 0.125rem;
-    color: var(--link);
+    text-decoration: none;
+    color: var(--background);
+
+    box-sizing: border-box;
+    padding: 0.5rem 1rem;
+    margin: 0;
+    background: var(--text-1);
+    border-radius: 1.125rem 1.125rem 1.125rem 0;
+    min-height: 2.25rem;
+    width: fit-content;
+
+    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.075), 0 1rem 1rem -1rem rgba(0, 0, 0, 0.1);
+}
+
+.menu-item .corona-cnt-box a {
+    text-decoration: none;
+    color: var(--background);
+
+    box-sizing: border-box;
+    padding: 0.5rem 1rem;
+    margin: 0;
+    background: var(--text-1);
+    border-radius: 1.125rem 1.125rem 1.125rem 0;
+    min-height: 2.25rem;
+    width: fit-content;
+
+    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.075), 0 1rem 1rem -1rem rgba(0, 0, 0, 0.1);
+
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.menu-item .corona-cnt-box .corona-cnt-today {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-right: 0.5rem;
+}
+
+.menu-item .corona-cnt-box .corona-cnt-today .cnt {
+    color: red;
+}
+
+.menu-item .corona-cnt-box .corona-cnt-acc {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.menu-item .corona-cnt-box .corona-cnt-acc .cnt {
+    color: red;
 }
 }
 
 
 /* chats */
 /* chats */