add menus

style.css

@@ -93,7 +93,7 @@ a{
     flex: 1;
   }
   #main > #left, 
-  #main > aside {
+  #main > #right {
     flex: 0 0 20vw;
     background: beige;
   }
@@ -101,10 +101,22 @@ a{
     order: -1;
   }
 
+  #left{
+    width: 330px;
+    display: flex;
+    flex-direction: column;
+  }
+
+  #right{
+    width: 330px;
+    display: flex;
+    flex-direction: column;
+
+  }
+
   header{
     background-color: white;
     display: flex;
-    flex-direction: 
     justify-content: space-between;
 
   }
@@ -127,15 +139,28 @@ a{
   ul.menu_left{
     display: flex;
     flex-direction: column;
+    background-color: #00466A;
+    padding-top: 8px;
+    padding-bottom: 8px;
   }
 
     ul.menu_left li{
       font-weight: bold;
-      font-size: 12px;
+      font-size: 14px;
       line-height: 150%; 
-      text-transform: uppercase; 
+      /*text-transform: uppercase;*/ 
+      padding-top: 4px;
+      padding-bottom: 4px;
     }  
 
+    ul.menu_left li a{
+      color: white;
+    }  
+    
+    .current-menu-item {
+      color: #2D9CDB;
+    }
+
   
   ul.menu_footer{
     display: flex;
@@ -154,12 +179,9 @@ a{
   footer {
     background: #E2E2E2;
     height: 20vh;
-
-    
-
   }
 
-  header, footer, article, nav, aside {
+  header, footer, article, nav, #right {
     padding: 1em;
   }
 
@@ -215,17 +237,89 @@ a{
     padding: 8px 0 8px 0;
   }
 
+.event{
+  padding: 8px 0 8px 0;
+  border-bottom: 1px solid black;
+}
+
+
+#mosts{
+  background-color: #00466A;
+  width: 100%;
+}
+
+  .most_title{
+    color: #2D9CDB;
+  }
+
+  .most{
+    padding: 8px;
+    color: #FFFFFF;
+    font-size: 16px;
+    line-height: 22.4px;
+  }
+
+    .most a{
+      color: #FFFFFF;
+    }
+
+.left_preview{
+  border-radius: 50%;
+  width: 95px;
+  height: 84px;
+}    
+
+.publ_expert{
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 18px;
+}
+
+.post_info{
+  font-size: 14px;
+  color: #444444;
+}
+
+.post_img_title{
+  color: #909294;
+}
+  .post_img_title a{
+    color: #909294;
+  }
+
+.post_panel_info{
+  font-size: 14px;
+  border-top: 1px solid #E9EAEB;
+  border-bottom: 1px solid #E9EAEB;
+  padding: 12px 0 12px 0;
+  margin 18px 0 18px 0;
+}
+
+.moread{
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  grid-gap: 1rem;
+}
+
+  .moread_card{
+    padding 8px;
+  }
+
+    .more_card IMG{
+      width: 372px;
+      height: 216px;
+      }
+
 /** socials */
 
 #socials{
   display: flex;
 }
 
-
 .soc_btn{
   height: 24px;
   width: 24px;
-  border-radius: 10px;
+  /*border-radius: 10px;*/
   border: 1px solid #E9EAEB;