static/css/index.css

@@ -24,10 +24,11 @@
 main {
   color: var(--font-color);
   font-size: var(--font-size);
-  margin-inline: 27%;
   padding: 2em 1em;
   font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
   color: var(--font-color);
+  margin: 0 auto;
+  max-width: 640px; /* breakpoint */
 }
 
 /* Name header */
@@ -49,17 +50,18 @@ main {
 }
 
 .avatar {
-  width: 65px;
+  width: 90px;
   border-radius: 50%;
   float: right;
 }
 
+/* breakpoint */
 @media only screen and (max-width: 640px) {
   main {
     margin-inline: 0;
   }
   .avatar {
-    visibility: collapse;
+    visibility: hidden;
   }
 }