update main.css (mostly image sizing in article body).

static/css/main.css

@@ -223,6 +223,7 @@ input[type=number] {
     padding: 8px 0px;
     border: none;
     max-width: 600px;
+    background: #905da1;
     color: white;
     display: flex;
     justify-content: flex-start;
@@ -234,7 +235,7 @@ input[type=number] {
 
 .be-gui-button {
     height: 42px;
-     font-size: 16px;
+    font-size: 16px;
 }
 
 .be-gui-link:hover ,
@@ -243,7 +244,7 @@ input[type=number] {
 .be-gui-button-no-text:hover {
     background: #473951;
     text-decoration: none;
-    color: white;
+    /* color: white; */
 }
 
 .be-gui-link:visited,
@@ -783,6 +784,19 @@ hr {
     width: 100%;
 }
 
+.fe-article-body img {
+    max-width: 350px;
+    height: auto;
+}
+
+/* big landscape tablets, laptops, and desktops */
+@media (min-width:880px) {
+
+    .fe-article-body img {
+    max-width: 880px;
+ 
+}
+
 /* big landscape tablets, laptops, and desktops */
 @media (min-width:1025px) {
 }