chore: global font sizing; chore: train modal dvh

src/components/Global/Card.vue

@@ -76,7 +76,7 @@ export default defineComponent({
 
   margin: 1em;
 
-  max-height: 90vh;
+  max-height: 95vh;
   max-height: 95dvh;
 
   background-color: #1a1a1a;

src/components/TrainsView/TrainModal.vue

@@ -54,12 +54,14 @@ export default defineComponent({
   left: 0;
 
   width: 100%;
+  height: 100%;
 
   color: white;
   z-index: 200;
 
   display: flex;
   justify-content: center;
+  align-items: flex-start;
 
   text-align: left;
 }
@@ -80,10 +82,10 @@ export default defineComponent({
   position: relative;
   overflow-y: scroll;
 
-  margin-top: 1em;
-
   width: 95vw;
   max-height: 95vh;
+  max-height: 95dvh;
+  margin-top: 1em;
 
   background-color: #1a1a1a;
   box-shadow: 0 0 15px 10px #0e0e0e;
@@ -98,10 +100,4 @@ export default defineComponent({
     }
   }
 }
-
-@include smallScreen {
-  .modal_content {
-    max-height: 85vh;
-  }
-}
 </style>