changes (a lot)

text_analysis.css

@@ -9,8 +9,8 @@
     --notes-color: rgb(255, 235, 181);
     --spacer-color: rgba(0, 0, 0, 0.4);
     --spacer-color-2: rgba(0, 0, 0, 0.2);
-    --left-color: #a7b3a7;
-    --right-color: #61ce61;
+    --left-color: rgb(230, 229, 235);
+    --right-color: rgb(75, 187, 251);
     --font-normal: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
     --font-heonian: "heonian", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
@@ -43,7 +43,7 @@ main {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin: 8px;
+    margin: 16px;
 }
 
 .right {
@@ -52,13 +52,19 @@ main {
 
 .convo {
     width: 400px;
-    border: 1px solid var(--left-color);
-    border-radius: 8px;
+    border-radius: 16px;
     padding: 8px;
+    padding-top: 0px;
+    padding-bottom: 10px;
+    /* padding bottom isnt actually required, but due to how
+    browsers render fonts, it makes things look better... */
+    background-color: var(--left-color);
+    box-shadow: 0px 0px 6px var(--spacer-color);
 }
 
 .right .convo {
-    border: 1px solid var(--right-color);
+    background-color: var(--right-color);
+    color: white;
 }
 
 .convo p {
@@ -66,9 +72,9 @@ main {
     margin-top: 8px;
 }
 
-.convo *:first-child {
-    margin-top: 0;
-    /* edge case for when a p is alone in a .convo */
+.convo p:first-child {
+    margin-top: 8px;
+    /* wow! */
 }
 
 .convo-header {
@@ -82,6 +88,8 @@ main {
     border-radius: 42069px;
     width: 48px;
     margin-right: 8px;
+    margin-left: -8px;
+    border-radius: 16px 0px 16px 0px;
 }
 
 .convo-date {