fixing various screen-size bugs

index.html

@@ -18,13 +18,18 @@
 
         p {
             font-family: 'Josefin Sans', sans-serif;
+            font-size: small;
             font-weight: 300; /* Make it bold */
         }
 
         .container {
             display: flex;
             height: 100%;
             width: 100%;
+            max-width: 1900px;
+            max-height: 1200px;
+            justify-content: center;
+            align-items: center;
         }
 
                 /* Left column */
@@ -35,6 +40,7 @@
         /* Middle column */
         .mid-col {
             flex: 0 0 50%; /* 50% width, does not grow or shrink */
+            height: 100%;
             display: flex;
             flex-direction: column;
             text-align: center;
@@ -133,7 +139,7 @@
         }
 
         #pngImage {
-          max-width: 10vw;
+          max-width: 20vw;
           max-height: 80vh;
         }