feat: choose user once at the beginning

src/App.css

@@ -48,15 +48,26 @@ h2 {
   height: 92%;
 }
 
+.reservoir {
+  flex-direction: unset;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  width: 100%;
+}
+
 .box {
   position: relative;
+  &.one {
+    max-width: min(80vw, 500px);
+  }
   &.two {
     min-width: 43%;
+    max-width: 20vw;
   }
   &.three {
     min-width: 27%;
+    max-width: 10vw;
   }
-  max-width: 10vw;
   padding: 4px;
   margin: 4px auto;
   border-style: solid;
@@ -82,6 +93,10 @@ h2 {
   padding: 4px 8px;
 }
 
+.extra-margin {
+  padding: 0px 8px;
+}
+
 button {
   font-weight: bold;
   color: ghostwhite;
@@ -120,7 +135,6 @@ button {
   width: 50%;
 }
 
-
 /* Style the tab content (and add height:100% for full page content) */
 .tabcontent {
   display: none;