add support for yandex alternative words and synonyms

public/css/style.css

@@ -262,7 +262,7 @@ button:hover {
   select,
   .nice-select .nice-select-dropdown,
   .nice-select,
-  .nice-select-search{
+  .nice-select-search {
     background-color: #fff;
     color: #2f2f2f;
   }
@@ -284,4 +284,68 @@ button:hover {
   footer {
     border-top: 1px solid #b2b2b2;
   }
+
+  .def_type {
+    color: cyan;
+    text-transform: capitalize;
+  }
+
+  .syn {
+    color: burlywood;
+  }
+
+  .syn_type {
+    color: cyan;
+  }
+
+  .use_in_sentence {
+    color: yellow;
+  }
+}
+
+#definitions_and_translations {
+  display: grid;
+  margin: auto;
+  width: 1100px;
+  gap: 10px;
+  grid-template-areas: "definitions translations";
+}
+
+.def_type {
+  color: #007979;
+  text-transform: capitalize;
+}
+
+.syn {
+  color: #804700;
+}
+
+.syn_type {
+  color: #007979;
+}
+
+.use_in_sentence {
+  color: #009902;
+}
+
+.definitions li:not(:last-child) {
+  margin-bottom: 1rem;
+}
+
+@media screen and (max-width: 1200px) {
+  #definitions_and_translations {
+    display: grid;
+    width: 90vw;
+    grid-template-areas:
+      "translations translations"
+      "definitions definitions";
+  }
+}
+
+div.definitions {
+  grid-area: definitions;
+}
+
+div.translations {
+  grid-area: translations;
 }