diff --git a/styles.css b/styles.css
index 73d891b..2982d5d 100644
--- a/styles.css
+++ b/styles.css
@@ -31,9 +31,25 @@
 .table-container {
     overflow-y: scroll;
     margin-top: 8px;
+    display: flex;
+    flex-direction: column;
 /*    border: 1px solid gray;*/
+    font-size: 0.85rem!important;
+
 }
 
+.table-title {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    background: rgb(242,242,247);
+    color: rgb(72,72,74);
+    position: sticky;
+    top: 0;
+    padding: 3px;
+}
+
+
 .bottom-menu {
     font-size: 0.85rem!important;
     display: grid;
@@ -41,25 +57,56 @@
     margin-top: 8px;
 }
 
-table {
-    width: 100%;
-    border-collapse: collapse;
-    margin: 0;
-    background: white;
-    table-layout: fixed;
-    font-size: 0.85rem!important;
-}
-td {
-    padding: 2px 4px;
+.to {
+    border: 1px solid #59ACFF;
+    background: #F6FBFF;
+    border-radius: 4px;
+    padding: 3px;
+    margin-left: 8px;
+    justify-self: flex-end;
 }
 
-thead {
-    background: rgb(242,242,247);
-    color: rgb(72,72,74);
-    position: sticky;
-    top: 0;
+.to::before {
+    content: "in ";
 }
 
-td:last-child {
-    text-align: right;
-}
\ No newline at end of file
+
+.res {
+    border: 1px solid #FFCC00;
+    background: #FFF8DA;
+    border-radius: 4px;
+    padding: 3px;
+    margin-left: 8px;
+}
+
+.equals {
+    content: "= ";
+    color: #FF7700;
+/*    font-weight: bold;*/
+}
+
+.filler {
+    flex: 1;
+    display: flex;
+    align-items: baseline;
+    justify-content: flex-end;
+}
+
+.entry {
+    margin: 4px 0;
+    display: flex;
+    flex-direction: row;
+    align-items: baseline;
+    flex-wrap: wrap;
+}
+
+.noselect {
+    -webkit-user-select: none; /* Safari */
+    -ms-user-select: none; /* IE 10 and IE 11 */
+    user-select: none; /* Standard syntax */
+    cursor: default;
+}
+
+.noselect input[type=text], .noselect textarea {
+    cursor: auto;
+}