more mobile friendly

Client/index.html

@@ -3,14 +3,13 @@
         display: flex;
         flex-direction: column;
         align-items: center;
+        max-width: 90vw;
     }
     
     #interverse-details{
-    font-size:1.5rem;
         display: flex;
         flex-direction: row;
         align-items: center;
-    max-width: 100%;
     }
     #interverse-details>*{
         margin:1rem;
@@ -24,6 +23,7 @@
         flex-direction: row;
         flex-wrap: wrap;
         max-width: 100%;
+        justify-content: center;
     }
     #interverse-resource-groups>*{
         margin:1rem;
@@ -42,6 +42,7 @@ max-width: 5rem;
         display: flex;
         flex-direction: row;
         max-width: 100%;
+        justify-content: center;
     }
     #interverse-resources>*{
         margin:1rem;
@@ -55,13 +56,13 @@ max-width: 5rem;
         display: flex;
         flex-direction: column;
         align-items: center;
-    max-width: 100%;
     
     }
     .interverse-connection-group{
         display:flex;
         flex-direction: row;
         flex-wrap: wrap;
+        justify-content: center;
     }
     #interverse-connections{
         display: flex;
@@ -79,8 +80,9 @@ max-width: 5rem;
     }
     .interverse-connection-preview{
     
-    animation: glow 1s alternate;
+        animation: glow 2s alternate;
         animation-iteration-count: infinite;
+        border-radius:1.5rem;
     }
     .interverse-connection-preview,.interverse-connection{
         display:flex;