chore: improved visibility on low res mobile

src/css/style.css

@@ -79,7 +79,7 @@ a {
 }
 
 .attention {
-  font-size: 1.6em;
+  font-size: 1.5em;
 }
 
 .rowlines-short li:not(:last-of-type)::after {
@@ -92,7 +92,7 @@ a {
 .rowlines li:not(:last-of-type)::after {
   content: "";
   width: 78%;
-  margin: 0 5rem;
+  margin: 0 4rem;
   border-bottom: 1px solid #66666688;
 }
 
@@ -147,4 +147,18 @@ body {
   .card {
     width: 32rem;
   }
+
+  .attention {
+    font-size: 1.3em;
+  }
+
+  ul{
+    padding-left: 1rem;
+  }
+}
+
+@media(max-width: 600px){
+  body{
+    font-size: 80%;
+  }
 }